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:
Tsai Ing-wen
Table title:
2016
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=2 rowspan=2 > Party </th><th colspan=2 rowspan=1 > Candidate </th><th colspan=1 rowspan=2 > Votes </th><th colspan=2 rowspan=2 > Percentage </th></tr>
<tr> <td colspan=1 rowspan=1 > President </td><td colspan=1 rowspan=1 > Vice president </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > - </td><td class="highlighted"  colspan=1 rowspan=1 > Tsai Ing-wen </td><td colspan=1 rowspan=1 > Chen Chien-jen </td><td colspan=1 rowspan=1 > 6,894,744 </td><td class="highlighted"  colspan=1 rowspan=1 > 56.12% </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > - </td><td class="highlighted"  colspan=1 rowspan=1 > Eric Chu </td><td colspan=1 rowspan=1 > Wang Ju-hsuan </td><td colspan=1 rowspan=1 > 3,813,365 </td><td class="highlighted"  colspan=1 rowspan=1 > 31.04% </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > - </td><td colspan=1 rowspan=1 > James Soong </td><td colspan=1 rowspan=1 > Hsu Hsin-ying </td><td colspan=1 rowspan=1 > 1,576,861 </td><td colspan=1 rowspan=1 > 12.84% </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=4 rowspan=1 > Total </td><td colspan=1 rowspan=1 > 12,284,970 </td><td colspan=2 rowspan=1 > 100% </td></tr>
</table>
Question:
Who were the top two finishers for president, and what percentage of vote did each receive?
Answer:
In 2016, Tsai Ing-wen won the election with 56.12% of the votes, beating Eric Chu, who won 31.07% of the votes.