title: How to use JQuery to highlight text
body: <p>Suppose I have this HTML code:</p>
  
  <pre><code>&lt;div class="person"&gt;
  Mike Mulky
  &lt;/div&gt;
  
  &lt;div class="person"&gt;
  Jenny Sun
  &lt;/div&gt;
  
  &lt;div class="person"&gt;
  Jack Kickle
  &lt;/div&gt;
  </code></pre>
  
  <p>This JQuery thingy will actually filter the matching query. For example, when a user types in a textbox.</p>
  
  <pre><code>$('#userInputTextbox').keypress(function(){
      $('div.person').hide().filter(':contains("'+THE_QUERY+'")').show();
  });
  </code></pre>
  
  <p>This works! And it actually filters out the stuff.  My question is: how do you <strong>highlight the words</strong> that appear in there (the query and the matching text in the DIVs)?</p>