Tablesorter et mvc

Bonjour,

je travaille sur une appli web, avec php, ajax et mvc,
je souhaite faire un tri sur un tableau avec jquery. mais ça ne marche pas!
j'ai chargé les fichiers (.js) qu'il faut:

<link rel='stylesheet' type= 'text/css' href='admin/themes/blue/style.css'/>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="jquery.metadata.js"></script>
<script type="text/javascript">

$(document).ready(function()
{
$("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} )
.tablesorterPager({container: $("#pager")});

}
);
</script>
$chaine='<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Nom</th><th>Prénom</th><th>Site</th><th>Téléphone</th>
<th>Login</th><th>Date d\'embauche</th><th>Fonction</th>
<th>Modification</th><th>suppression</td>
</tr>
</thead>
<tbody>';
$i=0;
while($i<count($rep)){
$chaine.='<tr>
<td>'.$rep[$i][1].'</td><td>'.$rep[$i][2].'</td><td>'.$rep[$i][15].'</td>
<td>'.$rep[$i][7].'</td><td>'.$rep[$i][36].'</td><td>'.$rep[$i][16].'</td>
<td>'.$rep[$i][20].'</td>
<td><input type="button" value="Modifier" style="width:100%" onclick="javascript:demandeModifSalarie(\''.$rep[$i][36].'\')"></td>
<td><input type="button" value="supprimer" style="width:100%" onclick="javascript:supprSalarie(\''.$rep[$i][36].'\')"></td>
</tr>';
$i++;
}
$chaine.=' </tbody>
</table>
<div id="pager" class="pager">
<form>
<img src="first.png" class="first">
<img src="prev.png" class="prev">
<input class="pagedisplay" type="text">
<img src="next.png" class="next">
<img src="last.png" class="last">
<select class="pagesize">
<option selected="selected" value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
</form>
</div> ';
return '##corps##'.$chaine;

ajax s'ocupe de l'insertion du resultat dans l'affichage