title: TypeError: $(...)DataTable is not a function
body: <p>I am trying to use the jquery plugin data tables, but I can't seem to load the function. I keep getting this error:</p>
  
  <pre><code>Uncaught TypeError: $(...).DataTable is not a function
  (anonymous function) @ index.php:167
  m.Callbacks.j @ jquery.min.js:2
  m.Callbacks.k.fireWith @ jquery.min.js:2
  m.extend.ready @ jquery.min.js:2
  J @ jquery.min.js:2
  </code></pre>
  
  <p>Below is my JS code:</p>
  
  <pre><code>$(document).ready(function(){
          $('table#tableID').DataTable({
              paging: true
          });
      });
  </code></pre>
  
  <p>I am using jQuery V. 1.11.1
  I tried to look around for solution, and saw people talking about jQuery not being loaded. I am running other jQuery functions on the same page successfully. This is also the only .ready function on this page. We can tell that jQuery is present, as when the document is ready, it executes the function. I also tried to place the imports of the js and css file in multiple places, as suggested, but did not work. Does anyone have any clue how to fix this?</p>
  
  <p>EDITS:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="/css/jquery.dataTables.css"&gt;
  &lt;script type="text/javascript" charset="utf8" src="/js/jquery.dataTables.js"&gt;&lt;/script&gt;
  </code></pre>