title: Find all instances of a word and replace with HTML
body: <p>I'm trying to find all instances of the word "eNews" on a page and replace it with; </p>
  
  <pre><code>&lt;span style="text-transform: lowercase;"&gt;e&lt;/span&gt;News 
  </code></pre>
  
  <p>I found a few other answers on here but they were all directed towards looking in specific classes. I tried using the all elements selector to find the word but the replace I've written just replaces the entire page:</p>
  
  <pre><code>$('*:contains("enews")').each(function () {
      $(this).html('&lt;span style="text-transform: lowercase;"&gt;e&lt;/span&gt;News')
  });
  </code></pre>
  
  <p>Here is a fiddle of the sort of page set up with the word spread about the page:</p>
  
  <p><a href="https://jsfiddle.net/mxsmLLvm/" rel="nofollow">https://jsfiddle.net/mxsmLLvm/</a></p>