title: TypeError: undefined is not an object (evaluating '$.fn.dataTable.ext')
body: <p>When click any category(tab) of Tabs, dataTable should remove other categories data. I follow this example - <a href="http://jsfiddle.net/d5hre2ux/" rel="nofollow noreferrer">http://jsfiddle.net/d5hre2ux/</a> , but the system gives "TypeError: undefined is not an object (evaluating '$.fn.dataTable.ext')" error. </p>
  
  <p>here is my code.</p>
  
  <pre><code>    &lt;script src="https://code.jquery.com/jquery-1.9.1.min.js" integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ="   crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{% static 'js/jquery.dataTables.min.js' %}"&gt;&lt;/script&gt;
  
      &lt;script&gt;
  
      $('#alldataTable').DataTable({ 
      });
  
      var table1 = $('#alldataTable').DataTable();
  
      $("#Tabs").click(function(event){
      $.fn.DataTable.ext.search.push(
      function(settings, data, dataIndex) {
        var id = event.target.id;
        return $(table1.row(dataIndex).node()).attr('data-user') == id;
    }
  );
  table1.draw();
  });   
  
  $('#alldataTable tbody').on('click', 'tr', function () {
  var data = table1.row( this ).data();
  window.location.href = "about"
  });
  </code></pre>
  
  <p></p>