Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
1865 Gold Fields by-election
Table title:
Election
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=2 rowspan=1 > Party </th><th colspan=1 rowspan=1 > Candidate </th><th colspan=1 rowspan=1 > Votes </th><th colspan=1 rowspan=1 > % </th><th colspan=1 rowspan=1 > ± </th></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Independent </td><td class="highlighted"  colspan=1 rowspan=1 > Charles Edward Haughton </td><td class="highlighted"  colspan=1 rowspan=1 > 227 </td><td colspan=1 rowspan=1 > 44.86 </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Independent </td><td colspan=1 rowspan=1 > James Benn Bradshaw </td><td colspan=1 rowspan=1 > 149 </td><td colspan=1 rowspan=1 > 29.45 </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Independent </td><td colspan=1 rowspan=1 > Duncan Campbell </td><td colspan=1 rowspan=1 > 130 </td><td colspan=1 rowspan=1 > 25.69 </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <th colspan=3 rowspan=1 > Majority </th><td class="highlighted"  colspan=1 rowspan=1 > 78 </td><td colspan=1 rowspan=1 > 15.42 </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <th colspan=3 rowspan=1 > Turnout </th><td class="highlighted"  colspan=1 rowspan=1 > 506 </td><td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 >  </td></tr>
</table>
Question:
What was the outcome of the 1865 Gold Fields by-election?
Answer:
Haughton received 227 votes out of a total of 506 and his majority was 78 votes.