title: Adding superscript <sup> tags around all trademark and registered trademark symbols
body: <p>I am trying to add <code>&lt;sup&gt;&lt;/sup&gt;</code> tags around every &trade;, &reg;, &copy; in my page.</p>
  
  <p>I found this question: <a href="https://stackoverflow.com/questions/1703961/css-superscript-registration-trademark/1704170#1704170">CSS superscript registration trademark</a> which helped get me started.</p>
  
  <p>The script works in the sense that the tags are being placed in the proper locations, but it is adding two <code>&lt;sup&gt;&lt;/sup&gt;</code> tags around each instead of just one.</p>
  
  <p>Here is my JS adding the tags:</p>
  
  <pre><code>jQuery("body").html(
      jQuery("body").html().replace(/&amp;reg;/gi, '&lt;sup&gt;&amp;reg;&lt;/sup&gt;').replace(/®/gi, '&lt;sup&gt;&amp;reg;&lt;/sup&gt;').
          replace(/&amp;trade;/gi, '&lt;sup&gt;&amp;trade;&lt;/sup&gt;').
          replace(/™/gi, '&lt;sup&gt;&amp;trade;&lt;/sup&gt;').
          replace(/&amp;copy;/gi, '&lt;sup&gt;&amp;copy;&lt;/sup&gt;').
          replace(/©/gi, '&lt;sup&gt;&amp;copy;&lt;/sup&gt;')
  );
  </code></pre>
  
  <p>How can I make sure the tags are only added once per symbol? A conditional of some sort maybe?</p>