title: Find and Change Class
body: <p>Suppose we have table like that :</p>
  
  <pre><code>&lt;table id="tbl"&gt;
    &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;abc&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;def&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;abc&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;def&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How can I change the row's class to below class when a row contains abc?</p>
  
  <pre><code>.hightlight
  {
   background-color:yellow;
   color:blue;
  }
  </code></pre>
  
  <p>I have used this jquery command, but not working :</p>
  
  <pre><code>$('#tbl tr td:contains("abc")').attr('class','hightlight');
  </code></pre>