title: How can I preserve pager state when adding rows to a table with jQuery Tablesorter?
body: <p>I am using the tablesorter plugin: <a href="http://tablesorter.com/docs/" rel="nofollow noreferrer">http://tablesorter.com/docs/</a> with jquery 1.4.2</p>
  
  <p>Now my problem is this. The user can dynamically add rows to the table. But this seems to mess up the paging. Like first it gets added to the first "page" of rows but if you would go to the second page and you go back to the first page. You newly record is gone. I don't know where it goes but it is just gone.</p>
  
  <p>I tried to do this</p>
  
  <pre><code>$('#pagerid').unbind('click');
   $('#tbl tbody ').append(response.HtmlRow);
   $('#tbl').trigger('update');
  </code></pre>
  
  <p>So I tried to unbind the pager click method and do a trigger update but that does not seem to work. I then tried to add this line after the above 3 lines.</p>
  
  <pre><code>$('#tbl').tablesorterPager({ container: $('#pagerid') }); 
  </code></pre>
  
  <p>but it seems to do nothing too.</p>
  
  <p><a href="http://tablesorter.com/docs/example-pager.html" rel="nofollow noreferrer">http://tablesorter.com/docs/example-pager.html</a></p>