title: Datatables - Uncaught TypeError: ba is undefined
body: <p>The error I had was:</p>
  <pre><code>&quot;Uncaught TypeError: ba is undefined&quot;
  &quot;https://cdn.datatables.net/v/dt/dt-1.10.22/b-1.6.5/b-print-1.6.5/r-2.2.6/datatables.min.js:119&quot;
  </code></pre>
  <p>No other errors are shown. I put Jquery first in the list and checked all the paths work. I also got what I think is the most appropriate <a href="https://www.datatables.net/download/" rel="nofollow noreferrer">link</a> from the datatables site.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;title&gt;Ajax Filter table&lt;/title&gt;    
      &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.min.js&quot;&gt;&lt;/script&gt;
  
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;https://cdn.datatables.net/v/dt/dt-1.10.22/b-1.6.5/b-print-1.6.5/r-2.2.6/datatables.min.css&quot;/&gt;
      &lt;script type=&quot;text/javascript&quot; src=&quot;https://cdn.datatables.net/v/dt/dt-1.10.22/b-1.6.5/b-print-1.6.5/r-2.2.6/datatables.min.js&quot;&gt;&lt;/script&gt;
  
      &lt;script&gt;
          $(document).ready(function(){
              $('#table').DataTable();
          })
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class=&quot;container&quot;&gt;
              &lt;table class=&quot;table table-striped&quot; id=&quot;table&quot;&gt;
                  &lt;tr&gt;
                      &lt;th&gt;one&lt;/th&gt;
                      &lt;th&gt;two&lt;/th&gt;
                      &lt;th&gt;three&lt;/th&gt;
                      &lt;th&gt;four&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;one&lt;/td&gt;
                      &lt;td&gt;two&lt;/td&gt;
                      &lt;td&gt;three&lt;/td&gt;
                      &lt;td&gt;four&lt;/td&gt;
                  &lt;/tr&gt;                
              &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>