title: Jquery Mobile Column Toggle append button when have multiple tables on one page
body: <p>I have an issue with a jquery mobile 1.4.2 webapp. I have a page with 2 tables that both use the column toggle button. I want to move each of these buttons to their own placeholder to allow for horizontal scrolling. </p>
  
  <p>I have this working when there is one table, but I can't figure out how to specify the table id for the column toggle button, to move the button for the correct table. </p>
  
  <pre><code>&lt;div id="colUnit"&gt;&lt;/div&gt;
  
  $(document).on("pageinit", "#contractDetails", function () {
     $(".ui-table-columntoggle-btn").appendTo("#colUnit");
  }); 
  </code></pre>
  
  <p>Is there a way to specify the table id within the jquery so that the correct button is moved to <code>&lt;div id="colUnit"&gt;&lt;/div&gt;</code></p>
  
  <p>It currently places BOTH buttons (one from each table), into <code>&lt;div id="colUnit"&gt;&lt;/div&gt;</code></p>