title: jQuery merge two id's into one
body: <p>I have following HTML</p>
  
  <pre><code>&lt;table id="sale_table_paging" class="display" style="width:100%"&gt;
  &lt;table id="purchase_table_paging" class="display" style="width:100%"&gt;
  </code></pre>
  
  <p>And this is the JQuery</p>
  
  <pre><code>    $('#sale_table_paging').DataTable();
      $('#purchase_table_paging').DataTable();
  </code></pre>
  
  <p>I'm trying to merge the <code>#sale_table_paging</code> and <code>#purchase_table_paging</code> but I'm not sure where to modify.</p>
  
  <p>My expected result is something like</p>
  
  <pre><code> &lt;table id="global_table_paging" class="display" style="width:100%"&gt;
   &lt;table id="global_table_paging" class="display" style="width:100%"&gt;
  </code></pre>