title: Datatables tags search
body: <p>I've been trying to get tags working with Jquery Datatables for about 1 week now with no luck! 
  I've gone through stackoverflow and have not found the help i'm looking for.</p>
  
  <p>This post here was insightful:</p>
  
  <p><a href="https://stackoverflow.com/questions/14039501/datatables-column-filtering-plugin-with-select-tags">dataTables Column Filtering Plugin with Select Tags</a></p>
  
  <p>I am using jquery.tag-editor to create the tags and using this code I can successfully create tags inside the global search box:</p>
  
  <pre><code>      $('div.dataTables_filter input').tagEditor();
  </code></pre>
  
  <p>my issue is that the tags are not filtering the Datatable as expected, I know that the table needs to be redrawn but from what I can see the tagEditor creates 3 div's inside a ul inside the searchbox:</p>
  
  <pre><code>    &lt;li&gt;&lt;div class="tag-editor-spacer"&gt;&lt;/div&gt;
      &lt;div class="tag-editor-tag"&gt;january&lt;/div&gt;
      &lt;div class="tag-editor-delete"&gt;&lt;i&gt;&lt;/i&gt;&lt;/div&gt;&lt;/li&gt;
  </code></pre>
  
  <p>with the middle div tag-editor-tag containing the string I want to use to filter the datatable. On change it should redraw the table using the value inside the tag-editor-tag div.
  I think this is close as I have seen to what I want it to do but have no idea how to ignore the divs and get the middle value.</p>
  
  <pre><code>    $('div.dataTables_filter input').change(function(){
      table.fnFilter($('.....').text()); 
      });
  </code></pre>
  
  <p>Any help is appreciated.</p>