title: Custom filter to Datatable
body: <p>I am trying to add my own filter to Data table's second column. Here below is my code.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
  table{
  border:1px solid blue;
  }
  tr{
  border:1px solid blue;
  }
  td{
  border:1px solid blue;
  }
  tfoot input {
          width: 100%;
          padding: 3px;
          box-sizing: border-box;
      }
  &lt;/style&gt;
  &lt;script src="https://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="http://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css"&gt;
  &lt;script&gt;
  // http://obvcode.blogspot.com/2007/11/easiest-way-to-check-ie-version-with.html
  $(document).ready(function(){
      var table =  $('#mine').DataTable();
  
  $('#mine tfoot th').each( function () {
          var title = $(this).text();
          $(this).html( '&lt;input type="text" placeholder="Search '+title+'" /&gt;' );
      } );
  
  $('#myInput').keyup( function() {
          table.draw();
      } );
  });
  &lt;/script&gt;
  &lt;script&gt;
  
  function myFunction() {
    // Declare variables
    var input, filter, table, tr, td, i;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    table = document.getElementById("mine");
    tr = table.getElementsByTagName("tr");
  
    // Loop through all table rows, and hide those who don't match the search query
    for (i = 0; i &lt; tr.length; i++) {
      td = tr[i].getElementsByTagName("td")[1];
      if (td) {
        if (td.innerHTML.toUpperCase().indexOf(filter) &gt; -1) {
          tr[i].style.display = "";
        } else {
           tr[i].style.display = "none";
        }
        }
      }
    }
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table border="0" cellpadding="5" cellspacing="5"&gt;
  &lt;tbody&gt;&lt;tr&gt;
  &lt;td&gt;ade:&lt;/td&gt;&lt;td&gt;
  &lt;input type="text" id="myInput" name="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name"&gt;
  &lt;/td&gt;&lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;
      &lt;table id="mine" class="display" width="100%" cellspacing="0"&gt;
  &lt;thead&gt;
  &lt;th&gt;a&lt;/th&gt;
  &lt;th&gt;a&lt;/th&gt;
  &lt;th&gt;a&lt;/th&gt;
  &lt;th&gt;a&lt;/th&gt;
  &lt;th&gt;a&lt;/th&gt;
  &lt;th&gt;a&lt;/th&gt;
  &lt;/thead&gt;
   &lt;tfoot&gt;
              &lt;tr&gt;
                  &lt;th&gt;a&lt;/th&gt;
                  &lt;th&gt;Position&lt;/th&gt;
                  &lt;th&gt;Office&lt;/th&gt;
                  &lt;th&gt;Age&lt;/th&gt;
                  &lt;th&gt;Start date&lt;/th&gt;
                  &lt;th&gt;Salary&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/tfoot&gt;
  &lt;tbody&gt;
  &lt;tr&gt;&lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;q&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;q&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;q&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;saf&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;a&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;
  &lt;td&gt;b&lt;/td&gt;
  &lt;td&gt;c&lt;/td&gt;&lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The filter is working fine in the first page. But when the filter applied for entire table, if item present in first page of the table, it filters particular table row. But if the item present in the next page of the table , the filter will not be applied. can any one help me to solve this?</p>