title: Why AJAX response is not in sortable manner
body: <p>I am using <code>sorttable.js</code>for table sorting and my table is updated in every 3 sec by ajax response but the response is not in sorted manner as i expect it to be.</p>
  
  <p><strong>Index page</strong></p>
  
  <pre><code> &lt;div id="resDiv"&gt;
              &lt;table id="myTable1" class="sortable"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;&lt;th id="person"&gt;Person&lt;/th&gt;&lt;th id="monpay"&gt;Monthly pay&lt;/th&gt;&lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;&lt;td&gt;Jan Molby&lt;/td&gt;&lt;td&gt;£12,000&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;Steve Nicol&lt;/td&gt;&lt;td&gt;£8,500&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;Steve McMahon&lt;/td&gt;&lt;td&gt;£9,200&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;John Barnes&lt;/td&gt;&lt;td&gt;£15,300&lt;/td&gt;&lt;/tr&gt;
              &lt;/tbody&gt;
              &lt;tfoot&gt;
                  &lt;tr&gt;&lt;td&gt;TOTAL&lt;/td&gt;&lt;td&gt;£45,000&lt;/td&gt;&lt;/tr&gt;
              &lt;/tfoot&gt;
          &lt;/table&gt;
          &lt;/div&gt;
           &lt;a href="#" id="ajax-append"&gt;Append new table data&lt;/a&gt;
  </code></pre>
  
  <p><strong>ajax response is :</strong></p>
  
  <pre><code>&lt;table id="myTable" class="sortable"&gt;
      &lt;thead&gt;
          &lt;tr&gt;&lt;th&gt;Person&lt;/th&gt;&lt;th&gt;Monthly pay&lt;/th&gt;&lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;&lt;td&gt;prabha Molby&lt;/td&gt;&lt;td&gt;£12,000&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;abcd Nicol&lt;/td&gt;&lt;td&gt;£8,500&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;steev McMahon&lt;/td&gt;&lt;td&gt;£9,200&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;John Barnes&lt;/td&gt;&lt;td&gt;£15,300&lt;/td&gt;&lt;/tr&gt;
      &lt;/tbody&gt;
      &lt;tfoot&gt;
          &lt;tr&gt;&lt;td&gt;TOTAL&lt;/td&gt;&lt;td&gt;£55,000&lt;/td&gt;&lt;/tr&gt;
      &lt;/tfoot&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code> $(function() {
  
                  $("#ajax-append").click(function() {
                      setInterval(function() {
                      var request = $.get("assets/replacecontent.jsp", function(html) {
                          alert(html);
                          $('#resDiv').html(html);
                          var newTableObject = document.getElementById("myTable");
                          alert(newTableObject);
                          sorttable.makeSortable(newTableObject);
  
  //                        alert($("#myTable").length);
  
                      });
                  }, 3000);
  
                  });
              });
  </code></pre>
  
  <p>Now if any time i sort the ajax response it get sorted but after another response it again change it's order but i want it sorted as previous one. </p>