title: How do to wrap a span around a section of text without using jQuery
body: <pre><code>&lt;p&gt;Lorem Ipsum &lt;a href="#"&gt;Link&lt;/a&gt; &lt;div ... &lt;/div&gt; &lt;/p&gt;
  </code></pre>
  
  <p>I want to put a span around 'Lorem Ipsum' <em>without</em> using jQuery, so the result looks like:</p>
  
  <pre><code>&lt;p&gt;&lt;span&gt;Lorem Ipsum &lt;/span&gt;&lt;a href="#"&gt;Link&lt;/a&gt; &lt;div ... &lt;/div&gt; &lt;/p&gt;
  </code></pre>
  
  <p>Any ideas? Thanks</p>