title: Datatable filter doesn't work
body: <p>Why filtering by name column doesn't work? Could somebody help with that?</p>
  
  <p>There is an input with <code>id="name"</code> which should filter values by name column of the table. But it doesn't work. What is wrong?</p>
  
  <p>HTML:</p>
  
  <pre><code>        &lt;div&gt;
              &lt;input type="text" id="name" name="name" placeholder="Name"&gt;
          &lt;/div&gt;    
  &lt;table id="shTable" class="table table-striped table-bordered dataTable no-footer dtr-inline" role="grid" aria-describedby="shTable_info"&gt;
      &lt;thead class=""&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&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;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>&lt;script&gt;
      $.fn.dataTable.ext.search.push(
          function( settings, data, dataIndex ) {
              var max = parseInt( $('#max').val(), 10 );
              var name = $('#name').val();
  
              var age = parseFloat( data[3] ) || 0; // use data for the age column
              var name_table = (data[0]);
  
              if ( isNaN( max ) || ( age &lt;= max ) || ( isNaN( max ) ) || ( age &lt;= max ) || name_table.indexOf(name) &gt; -1 )
              {
                  return true;
              }
              return false;
          }
      );
  
      $(document).ready(function() {
          var table = $('#shTable').DataTable();
  
          // Event listener to the two range filtering inputs to redraw on input
          $('#max, #name').keyup( function() {
              table.draw();
          } );
      } );
  
  &lt;/script&gt;
  </code></pre>