title: jQuery or CSS: replacing the ® mark with <sup>&reg;</sup>
body: <p>I have this HTML heading:</p>
  
  <pre><code>&lt;h1&gt;Time Matters&amp;reg;&lt;/h1&gt; (equals to: Time Matters®)
  </code></pre>
  
  <p>I need a way to control the '<strong>&amp;reg ;</strong>' mark either by CSS or jQuery. As far as I know, I don't think it's possible to target '<strong>&amp;reg ;</strong>' with CSS, is there?</p>
  
  <p>Now, if jQuery is used, I need to enclose '<strong>&amp;reg ;</strong>' in &lt; sup > tags, like this:</p>
  
  <pre><code>&lt;h1&gt;Time Matters&lt;sup&gt;&amp;reg;&lt;/sup&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>...this way I can target the element via CSS.</p>
  
  <p>I tried adapting <a href="http://adaldesign.com/web-development/superscript-special-characters-reg-jquery" rel="nofollow">this tutorial</a> but the code encapsulates all words in &lt; span > tags.</p>
  
  <p>Any idea how to accomplish this? Any help would be greatly appreciated.</p>
  
  <p>Thanks.</p>