title: Change color of table text due to search operatives
body: <p>I have tables which are updating via dynamic ways. I want to change specific texts to colorful ones, during search operation in real time.</p>
  
  <p>In <a href="https://stackoverflow.com/a/7986605/5417479">this</a> example, as you can see, it's possible to make them colorful for all document via smart way. </p>
  
  <p>And <a href="https://stackoverflow.com/a/9127872/5417479">this</a> second example shows perfectly that how you can create a real time search engine for <code>table</code>. </p>
  
  <p>Now, here is the question: Is it possible to make that real time search's results colorfull? Not the whole column or row. I just need to change color <code>value</code> of <code>input</code> 's matched <code>value</code>. Long story short, how can I modify the 2nd example for this?</p>
  
  <p>Here is the code: <a href="http://jsfiddle.net/e2106b62/2/" rel="nofollow noreferrer">http://jsfiddle.net/e2106b62/2/</a></p>
  
  <p>Classic tables I've used in HTML:</p>
  
  <pre><code> &lt;table style="width:100%"&gt;
    &lt;tr&gt;
      &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt;
      &lt;td&gt;50&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Eve&lt;/td&gt;
      &lt;td&gt;Jackson&lt;/td&gt;
      &lt;td&gt;94&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt; 
  
  &lt;input id="search"&gt;
  </code></pre>
  
  <p>JS I'm trying to use for search (You can find this on 2nd example link):</p>
  
  <pre><code>var $rows = $('#table tr');
  $('#search').keyup(function() {
      var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
  
      $rows.show().filter(function() {
          var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
  
          return !~text.indexOf(val);
      }).hide();
  });
  </code></pre>
  
  <p>And another JS which I need to implement in search module:</p>
  
  <pre><code>$(this).css('color', 'red');
  </code></pre>