javascript - apply plugin to a new element in the DOM (jquery)

Question

I am using the jquery tablesorter plugin and applies it to a table with id : #table

my search facility requests for results via ajax and replaces the table with a new table of the same id

if my code is like this :

$('#table').tablesorter();

what do I add to apply to make the plugin work on the new table? (I know of jquery's live event, but how do I use that in this case?

Answer 1

you have to re-run $('#table').tablesorter(); after search request completed.

$.ajax({
 type: "POST",
 url: "search.php",
 data: "query=blabla",
 success: function(html){

    // replace old table with new table

    // re-apply table sorter
    $('#table').tablesorter();

 }

});