title: Filtering jquery datatable based on a column value
body: <p>I'm using JQuery Datatable for my Table Listings. 
  Here is my table structure</p>
  
  <pre><code>UserName        |        Education
  ---------------------------------------------
  Philip          |        Graduate
  John            |        Post Graduate
  Alex            |        Graduate
  Emily           |        Phd
  Elan            |        Post Graduate
  George          |        Phd
  ....................................
  ....................................
  Tom             |        Graduate
  ------------------------------------------------------
  </code></pre>
  
  <p>But I've a requirement of putting a dropdown next to filter textbox in which there will be 3 options. When we choose first option say graduate, that will list only graduates, same way if we choose phd, that will list phd users only. Hope the question is clear.</p>
  
  <p>Also am sharing my datatable call</p>
  
  <pre><code>$('#tbl_users').dataTable({
      "sDom": "&lt;'row'&lt;'col-md-6'i&gt;&lt;'col-md-3'f&gt;&gt;t&lt;'space20'&gt;&lt;'row'&lt;'col-md-3'l&gt;&lt;'col-md-9'p&gt;&gt;",
      "sPaginationType": "bootstrap",
      "oLanguage": {
  
          "sInfo": "&lt;span class='label label-info'&gt;_START_&lt;/span&gt; to &lt;span class='label label-info'&gt;_END_&lt;/span&gt; of &lt;span class='label label-info'&gt;_TOTAL_ users&lt;/span&gt;",
          "sEmptyTable": "&lt;div class='alert alert-info'&gt;No users in this Account&lt;/div&gt;",
          "sSearch": "&lt;span class='input-icon'&gt;&lt;i class='clip-search-2 '&gt;&lt;/i&gt;_INPUT_&lt;/span&gt;",
          "sLengthMenu": '&lt;div class="form-group"&gt;&lt;select class="form-control"&gt;' +
          '&lt;option value="6"&gt;6&lt;/option&gt;' +
          '&lt;option value="10"&gt;10&lt;/option&gt;' +
          '&lt;option value="20"&gt;20&lt;/option&gt;' +
          '&lt;option value="50"&gt;50&lt;/option&gt;' +
          '&lt;option value="-1"&gt;All&lt;/option&gt;' +
          '&lt;/select&gt; /Page&lt;/div&gt;'
      },
      "iDisplayLength": 6,
      "bDestroy": true,
      "bSort": false,
      "aoColumnDefs": [{ 'bSortable': false, 'aTargets': [0]}]
  });
  </code></pre>
  
  <p>Hope the situation is clear...</p>