title: jQuery - Find every header 3 tag, grab every word within it and add it to the header 3 element as a class
body: <p>In a previous question I asked something similar which was solved thanks to such a great community. In that question I had to find certain words within an element and assign them as a class to the same tag.</p>
  
  <p>In this question I want to find every 'h3' tag within the .products class, take all of the words within it and assign them to the same 'h3' element as the class. </p>
  
  <p>For example: </p>
  
  <pre><code>&lt;h3&gt;Hello World&lt;/h3&gt; 
  </code></pre>
  
  <p>would become: </p>
  
  <pre><code>&lt;h3 class="Hello World"&gt;Hello World&lt;/h3&gt; 
  </code></pre>
  
  <p>and another 'h3' tag within another .product class on the same page would become: </p>
  
  <pre><code>&lt;h3&gt;Sup!&lt;/h3&gt; 
  &lt;h3 class="Sup!"&gt;Sup!&lt;/h3&gt;
  </code></pre>
  
  <p>I have targeted the h3 tags with ease using:</p>
  
  <pre><code>jQuery(".product h3").text();
  </code></pre>
  
  <p>and have even used:</p>
  
  <pre><code>jQuery("product h3").find();
  jQuery(".product").find("h3").addClass("lol");
  </code></pre>
  
  <p>But off course that would add "lol" to every 'h3' on the page when I want it to take the words within the element itself and use that. </p>
  
  <p>I just can't figure out once I have found the information how to I add the words as a class to the same element. </p>
  
  <p>Can anyone help! Thanks in advance.</p>