重新设置table内容后tablesorter要怎么写？


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="js/jquery.tablesorter.js"></script>  
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
  <script type="text/javascript">          function add()
      {
          $("#datatable tbody").html("<tr><td>Eeter</td><td>Parker</td><td>28</td><td>$9.99</td><td>20.9%</td><td>+12.1</td><td>Jul 6, 2006 8:14 AM</td></tr><tr><td>Eeter</td><td>Parker</td><td>28</td><td>$9.99</td><td>20.9%</td><td>+12.1</td><td>Jul 6, 2006 8:14 AM</td></tr>");
          $('#datatable').tablesorter();
      }      $(function() {          
          $('#datatable').tablesorter();
      });   
</script>
</head>
<body>
<table id="datatable" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
<th>Total</th>
<th>Discount</th>
<th>Difference</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>Peter</td>
<td>Parker</td>
<td>28</td>
<td>$9.99</td>
<td>20.9%</td>
<td>+12.1</td>
<td>Jul 6, 2006 8:14 AM</td>
</tr>
<tr>
<td>John</td>
<td>Hood</td>
<td>33</td>
<td>$19.99</td>
<td>25%</td>
<td>+12</td>
<td>Dec 10, 2002 5:14 AM</td>
</tr>
<tr>
<td>Clark</td>
<td>Kent</td>
<td>18</td>
<td>$15.89</td>
<td>44%</td>
<td>-26</td>
<td>Jan 12, 2003 11:14 AM</td>
</tr>
<tr>
<td>Bruce</td>
<td>Almighty</td>
<td>45</td>
<td>$153.19</td>
<td>44.7%</td>
<td>+77</td>
<td>Jan 18, 2001 9:12 AM</td>
</tr>
<tr>
<td>Bruce</td>
<td>Evans</td>
<td>22</td>
<td>$13.19</td>
<td>11%</td>
<td>-100.9</td>
<td>Jan 18, 2007 9:12 AM</td>
</tr>
</tbody>
</table>
<input type="button" id="btn1" value="add data" onclick="add()" />
</body>
</html>上面这个，怎么在add()之后，再排序的时候只排add的内容呢？还有要取消掉所有列头的小三箭头标志。
这个要怎么做？