Using jQuery: How do you wrap each letter in a tag?
<p>I have spent two days on this, so I will be disheartened if there is a simple answer. I am trying to put a span tag around every letter in a div, while leaving the rest of the tags intact.</p>

<pre><code>&lt;div id="div"&gt;
    &lt;p&gt;
      Of course some of the &lt;strong&gt;text is in other tags&lt;/strong&gt; and &lt;strong&gt;some 
      is  in &lt;em&gt;nested tags&lt;/em&gt;, etc.&lt;/strong&gt;
    &lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>I get very close, but something always trips me up in the end. </p>
