title: jQuery dataTables - filtering rows based on values in hidden field in column
body: <p>I've a bootstrap table with a column with the below structure. The table is actually binding from Database using AJAX</p>
  
  <pre><code>ROW1:&lt;td&gt;....&lt;/td&gt;&lt;td&gt;...&lt;/td&gt;&lt;td&gt;&lt;i class='fa fa-arrow'&gt;&lt;/i&gt;&lt;input type='hidden' value='0'&lt;/td&gt;
  ROW2:&lt;td&gt;....&lt;/td&gt;&lt;td&gt;...&lt;/td&gt;&lt;td&gt;&lt;i class='fa fa-bar'&gt;&lt;/i&gt;&lt;input type='hidden' value='1'&lt;/td&gt;
  ROW3:&lt;td&gt;....&lt;/td&gt;&lt;td&gt;...&lt;/td&gt;&lt;td&gt;&lt;i class='fa fa-user'&gt;&lt;/i&gt;&lt;input type='hidden' value='2'&lt;/td&gt;
  .........
  .........
  </code></pre>
  
  <p>Here the value of the hidden fields changes dynamically upon binding from database or when adding each rows. On the header of the same column there is textbox and if we specify a value 0 it will filter the table based on that hidden field value in that column. Same way if I enter 2 it will lists only the rows based on 2 as the hidden field value of that particular column cell...</p>
  
  <p>I cant try hidden columns since there is already lots of hidden columns for the filtering purpose.. So Requesting a solution with this mode...</p>