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:
Ralph Northam
Table title:
Electoral history
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 > Democratic </td><td class="highlighted"  colspan=1 rowspan=1 > Ralph Northam </td><td class="highlighted"  colspan=1 rowspan=1 > 16,606 </td><td colspan=1 rowspan=1 > 56.8% </td><td colspan=1 rowspan=1 > +2.4 </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Republican </td><td class="highlighted"  colspan=1 rowspan=1 > Benito Loyola Jr. </td><td class="highlighted"  colspan=1 rowspan=1 > 12,622 </td><td colspan=1 rowspan=1 > 43.1% </td><td colspan=1 rowspan=1 > 3.4 </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Write-ins </td><td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > 31 </td><td colspan=1 rowspan=1 > 0.1% </td><td colspan=1 rowspan=1 > <-0.1 </td></tr>
<tr> <th colspan=3 rowspan=1 > Majority </th><td colspan=1 rowspan=1 > 3,984 </td><td colspan=1 rowspan=1 > 13.6% </td><td colspan=1 rowspan=1 > +4.8 </td></tr>
<tr> <th colspan=3 rowspan=1 > Total votes </th><td colspan=1 rowspan=1 > 29,259 </td><td colspan=1 rowspan=1 > 100.0% </td><td colspan=1 rowspan=1 >  </td></tr>
</table>
Question:
Who were the top two finishers in the election, and how many votes did each receive?
Answer:
Ralph Northam with 16,606 votes defeated Ben Loyola with 12,622 votes.