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:
Devin Hester
Table title:
Personal bests
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=1 rowspan=1 > Event </th><th colspan=1 rowspan=1 > Time (seconds) </th><th colspan=1 rowspan=1 > Venue </th><th colspan=1 rowspan=1 > Date </th></tr>
<tr> <td colspan=1 rowspan=1 > 60 meters </td><td colspan=1 rowspan=1 > 6.77 </td><td colspan=1 rowspan=1 > Syracuse, New York </td><td colspan=1 rowspan=1 > February 21, 2004 </td></tr>
<tr> <td colspan=1 rowspan=1 > 100 meters </td><td colspan=1 rowspan=1 > 10.42 </td><td colspan=1 rowspan=1 > Piscataway, New Jersey </td><td colspan=1 rowspan=1 > May 1, 2004 </td></tr>
<tr> <td colspan=1 rowspan=1 > 200 meters </td><td colspan=1 rowspan=1 > 22.23 </td><td colspan=1 rowspan=1 > New York, New York </td><td colspan=1 rowspan=1 > March 9, 2002 </td></tr>
<tr> <th colspan=1 rowspan=1 > Event </th><th colspan=1 rowspan=1 > Mark (meters) </th><th colspan=1 rowspan=1 > Venue </th><th colspan=1 rowspan=1 > Date </th></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > Long Jump </td><td class="highlighted"  colspan=1 rowspan=1 > 7.37 </td><td colspan=1 rowspan=1 > Syracuse, New York </td><td class="highlighted"  colspan=1 rowspan=1 > February 21, 2004 </td></tr>
</table>
Question:
What was Devin Hester's personal best in the long jump and when did he set it?
Answer:
On February 21st, 2004, Devin Hester achieved a personal best of 7.37 meters in long jump.