title: How to reload/refresh jQuery dataTable?
body: <p>I am trying to implement functionality whereby clicking a button on the screen will cause my <a href="http://datatables.net" rel="noreferrer">jQuery dataTable</a> to refresh (as the server-side data source may have changed since the dataTable was created).</p>
  <p>Here's what I have:</p>
  <pre><code>$(document).ready(function() {
      $(&quot;#my-button&quot;).click(function() {
          $(&quot;#my-datatable&quot;).dataTable().fnReloadAjax();
      });
  });
  </code></pre>
  <p>But when I run this, it does nothing. What's the proper way to refresh the dataTable when the button is clicked?</p>