title: How to make multiple HTML tables sortable?
body: <p>I am currently using an open-source javascript table sorter: <a href="http://mottie.github.io/tablesorter/docs/" rel="nofollow">http://mottie.github.io/tablesorter/docs/</a></p>
  
  <p>The problem I have is that I dynamically add tables to my page in reaction to the user pressing a button. Only the most recently added table becomes sortable and the previous tables are not sortable anymore after I add the new table. Currently, I have this code at the end of my table creation:</p>
  
  <pre><code> //Make table sortable
          $(document).ready(function () {
              $("#" + thisTable.ID).tablesorter();
          });
  </code></pre>
  
  <p>I don't understand why the old tables lose their sortability if they're not being reloaded. I am only appending a new table with a different ID under the previously added table. </p>