title: How do I apply css to an element only if it has certain text content in it using jQuery?
body: <p><a href="http://jsfiddle.net/aWp2g/2/" rel="nofollow">http://jsfiddle.net/aWp2g/2/</a></p>
  
  <p>css</p>
  
  <pre><code>.highlight {
      color: yellow;
  }
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div&gt;fox&lt;/div&gt;
  &lt;div&gt;brown&lt;/div&gt;
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>if ($('div').text() == 'fox') {
      this.addClass('highlight');
  }
  </code></pre>
  
  <p>My above code is not working, I want it to add a class to the element containing a certain text so that it applies a highlighting css.</p>