Trier tab jquery

Bonjour,

J'ai un HTML construit comme cela:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<td> <b> Genre </b> <br> <a href="bidule" id="tresor">tresor (12187)</a> <br> <a href="chouette" id="magazine">magazine (11937)</a> <br> <a href="a" id="journal">journal (10389)</a> <br> <a href="b" id="entretien">entretien (10001)</a> <br> <a href="c" id="reportage">reportage (8919)</a> <br> <a href="d" id="scie">scie (4239)</a> <br> <a href="e" id="archives">archives (3411)</a> <br> <td>   <td> <b> ville </b> <br> <a href="z" id="paris">paris (12187)</a> <br> <a href="s" id="lille">lille (11937)</a> <br> <td>

---

Je chercher à faire une fonction jQuery qui trie cette liste de lien.
Dans le premier <td> si on clique sur <b>Genre</b>, je voudrais que la liste de lien qui suit soit triée jusque la fin du <td>
En gros, j'ai un tableau avec une liste de liens, en cliquant sur le mot dans la balise <b> le <td> en question soit trié mais pas le reste.

Je précise que je ne souhaite pas utiliser de plugin.

Voila ce que j'ai fait d'après ce dont j'ai pu m'inspirer:

Code:

---

1 2 3 4 5 6 7 8 9 10

$j(document).ready(function(){ //click sur une balise b ==>> il faudrait ici que j'arrive à extraire les liens qui suivent jusque </td> ?? $j('b').("click",function(){ //on trie les liens $j("a").sort(function(b,c){ return b.innerHTML > c.innerHTML ? 1 : -1; // on réécrit la balise b ==> MAIS DU COUP JE VAIS PERDRE les BR !!!!!!!!! }).remove().appendTo("b"); }); });

---

Merci beaucoup si une âme charitable passe dans le coin et s'ennuie un peu :)