title: jQuery select partial text/chars and addClass or tag
body: <p>How would one be able to select partial characters and add a class or add a tag to those characters/text using jQuery?</p>
  
  <p>Here is code I have to play with:</p>
  
  <pre><code>&lt;b&gt;&lt;font class="pricecolor colors_productprice specialprice"&gt;
       &lt;font class="text colors_text"&gt;&lt;b&gt;Regular Price:&lt;br&gt;&lt;/b&gt;&lt;/font&gt;
          $2,492.38
     &lt;/font&gt;
  &lt;/b&gt;
  
  &lt;a class="pricecolor colors_productprice specialprice" href="javascript:void(0);"&gt;
  &lt;b&gt;&lt;div id="emailprice"&gt;Click Here For Price!&lt;/div&gt;&lt;/b&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I want to make it something like this:</p>
  
  <pre><code>&lt;font class="text colors_text"&gt;&lt;b&gt;Regular Price:&lt;br&gt;&lt;/b&gt;&lt;/font&gt;
      $2,492&lt;sup&gt;.38&lt;/sup&gt;
  </code></pre>
  
  <p></p>