title: Jquery data table filter/search icon image in the table
body: <p>I have a Jquery data table column with icon image in each cell:</p>
  
  <pre><code>&lt;tr&gt;&lt;td&gt;&lt;i class="icon-glass"&gt;&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;i class="icon-music"&gt;&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;i class="icon-glass"&gt;&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;i class="icon-music"&gt;&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>I would like to filter for only <code>class="icon_name1"</code> and display on the data table. Currently with normal data table initialization, it will not display any data from that column. Is there any customization that needed to filter this kind of data? Thanks for comments.</p>
  
  <p>Edited:</p>
  
  <p>For example, <code>class="icon-glass"</code> will display icon from one of these: <a href="http://andymatthews.net/code/jquery-mobile-icon-pack/font-awesome/faicons.png" rel="nofollow">http://andymatthews.net/code/jquery-mobile-icon-pack/font-awesome/faicons.png</a> in my data table column. Can I only filter only <code>icon-glass</code> in data table when it is not a word? I would only like to show the following in my table:</p>
  
  <pre><code>&lt;tr&gt;&lt;td&gt;&lt;i class="icon-glass"&gt;&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;i class="icon-glass"&gt;&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>Is that possible? </p>