How do I wrap individual elements with the same tag?
<p>I am trying to wrap individual li tags with a nested ul. For example I want the first HTML snippet, to be the second:</p>

<p><strong>Snippet #1</strong></p>

<pre><code>          &lt;ul class="lof-main-wrapper"&gt;
            &lt;li class="featured"&gt;
              &lt;h3&gt;&lt;a href="#"&gt;Title&lt;/a&gt;&lt;/h3&gt;
              &lt;a href&gt;&lt;img src="" /&gt;&lt;/a&gt;
              &lt;p class="kicker"&gt;&lt;/p&gt;
              &lt;p class="summary"&gt;&lt;/p&gt;
            &lt;/li&gt;

            &lt;li class="featured"&gt;
              &lt;h3&gt;&lt;a href="#"&gt;Title&lt;/a&gt;&lt;/h3&gt;
              &lt;a href&gt;&lt;img src="" /&gt;&lt;/a&gt;
              &lt;p class="kicker"&gt;&lt;/p&gt;
              &lt;p class="summary"&gt;&lt;/p&gt;
            &lt;/li&gt;
           &lt;/ul&gt;
</code></pre>

<p><strong>Snippet #2</strong></p>

<pre><code>          &lt;ul class="lof-main-wrapper"&gt;
            &lt;ul&gt;
             &lt;li class="featured"&gt;
               &lt;h3&gt;&lt;a href="#"&gt;Title&lt;/a&gt;&lt;/h3&gt;
               &lt;a href&gt;&lt;img src="" /&gt;&lt;/a&gt;
               &lt;p class="kicker"&gt;&lt;/p&gt;
               &lt;p class="summary"&gt;&lt;/p&gt;
             &lt;/li&gt;
            &lt;/ul&gt;

            &lt;ul&gt;
             &lt;li class="featured"&gt;
               &lt;h3&gt;&lt;a href="#"&gt;Title&lt;/a&gt;&lt;/h3&gt;
               &lt;a href&gt;&lt;img src="" /&gt;&lt;/a&gt;
               &lt;p class="kicker"&gt;&lt;/p&gt;
               &lt;p class="summary"&gt;&lt;/p&gt;
             &lt;/li&gt;
            &lt;/ul&gt;
           &lt;/ul&gt;
</code></pre>

<p>I am currently using the .wrap() function, which does what I want, but it duplicates the child elements into each nested ul, adding me more content to the DOM than what should be.</p>

<p>How do I prevent the duplication from occurring without painstakingly using the .remove() method to get rid of the duplicates?</p>

<p>FYI - I'm new to jQuery and JS in general, so any direction you can provide is appreciated.</p>

<p>Thanks,</p>

<p>Brion</p>
