title: Getting issue on table sorting for dynamically loaded table
body: <p>I am loading table row dynamically using ajax and i have a button called load more when user click on load more button 15 more transactions are added in tbody. table sorting is working fine on 1st load But on click of load more button now I have 30 transaction in tbody where my table sorting is only working for descending. But i want it to be sorted ascending and descending both. But Again on 2nd click of loadmore button every thing is working fine. Can any one suggest me what is the wrong with my code.
  Any help will be appreciated thanks in advance.</p>
  
  <pre><code>&lt;table class="tablesorter list-table" id='AllPaymentTable'&gt; 
  
  &lt;/table&gt; 
  
  &lt;script&gt;
  var thead = $("&lt;thead/&gt;").appendTo('#AllPaymentTable');
  var PaymentHeader= responseData.data.payment_header_object;
  $("&lt;tr/&gt;")
    .append("&lt;th class='name'&gt;" +PaymentHeader[i] + "&lt;/th&gt;" )
    .appendTo(thead);
  
  var tbody = $("&lt;tbody/&gt;").appendTo('#AllPaymentTable');
  
  var payActivitydetails = responseData.data.payment_data_object;
  
  for (var i = 0; i &lt; payActivitydetails.length; i++) {
    var payDetails = payActivitydetails[i];
    $("&lt;tr class='recentPaymentrow'  id="+payDetails.payment_id +"/&gt;")
    .append("&lt;td class='name'&gt;" + payDetails.customer_name  + "&lt;/td&gt;")
    .appendTo(tbody);
    $(".tablesorter").tablesorter();
  }
  
  $('#loadmorebtn').bind('click',function(event){
    event.preventDefault();
    event.stopPropagation();
    // ajax call goes here
    //Recents payment populating on screen starts here
    var payActivitydetails = responseData.data.payment_data_object;
    for (var i = 0; i &lt; payActivitydetails.length; i++) {
      var payDetails = payActivitydetails[i];
      $("&lt;tr class='recentPaymentrow'  id="+payDetails.payment_id +"/&gt;")
        .append("&lt;td class='name'&gt;" + payDetails.customer_name  + "&lt;/td&gt;")
        .appendTo('tbody')
      $(".tablesorter").tablesorter();
    }
  &lt;/script&gt;
  </code></pre>