title: Wrap a span element around specific elements and text nodes within a h2 tag
body: <p>Is it possible to do the following with jQuery so that this:</p>
  
  <pre><code>&lt;h2&gt;
      This is a test 
      &lt;span&gt;i&lt;/span&gt;
      mag
      &lt;span&gt;i&lt;/span&gt;
      nat
      &lt;span&gt;i&lt;/span&gt;
      on  
  &lt;/h2&gt;
  </code></pre>
  
  <p>Becomes this:</p>
  
  <pre><code>&lt;h2&gt;
      This is a test 
      &lt;span class="wrap"&gt;
         &lt;span&gt;i&lt;/span&gt;
         mag
         &lt;span&gt;i&lt;/span&gt;
         nat
         &lt;span&gt;i&lt;/span&gt;
         on   
      &lt;/span&gt;
  &lt;/h2&gt;
  </code></pre>
  
  <p>So I want the outer span to wrap all the inner spans.</p>
  
  <p>Don't feel this is a duplicate question as I want to just wrap the all the spans and not the text "This is a test". </p>