title: Destroy and recreate a jQuery Datatables
body: <p>I have two jQuery datatables with server side processing. I have a checkbox where I hide and show the two tables. I would like to destroy the none displayed and create another table. How would I do this?</p>
  
  <p>This is what I tried but <code>ajax.reload</code> does not fire.</p>
  
  <pre class="lang-js prettyprint-override"><code>if ($('#mode').is(':checked')) {
      Table2.ajax.reload();
      Table1.clear();
      Table1.destroy();
  } else {
      Table1.ajax.reload();
      Table2.clear();
      Table2.destroy()
  }
  
  var Table1 = $('#timesheet-table').DataTable({})
  var Table2 = $('#timesheet-table-2').DataTable({})
  </code></pre>