Using jQuery to add a CSS class to keywords in real-time?
<p>I want to have a set of keywords like: "wrongKeyWordOne, wrongKeyWordTwo, wrongKeyWordThree."</p>

<p>As the user types in the typing area (or other HTML element), for example, something like this:</p>

<blockquote>
  <p>This is the wrongKeyWordOne and this is the wrongKeyWordTwo</p>
</blockquote>

<p>I want to use jQuery to add classes to those keywords in real-time:</p>

<pre><code>This is the &lt;strong class="wrong-key"&gt;wrongKeyWordOne&lt;/span&gt;
and this is the &lt;strong class="wrong-key"&gt;wrongKeyWordTwo&lt;/wrong-key&gt;
</code></pre>

<p>CSS:</p>

<pre><code>.wrong-key {
   background: #F00;
}
</code></pre>

<p>I'm not sure if this is hard to accomplish.</p>

<p>Any suggestions?</p>
