jQuery wrap code after x number of elements
<p>I have a UL that contain any number of LIs. I am trying to create some jQuery code that will parse the original UL and wrap a UL and another LI after every 5 of the original LIs.</p>

<p><strong>Starting HTML:</strong></p>

<pre><code>&lt;ul id="original_ul"&gt;
    &lt;li class="original_li"&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
    &lt;li&gt;..&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><strong>Required HTML:</strong></p>

<pre><code>&lt;ul id="processed_ul"&gt;

    &lt;li class="new_wrap_li"&gt;

        &lt;ul class="new_wrap_ul"&gt;

            &lt;li class="original_li"&gt;..&lt;/li&gt;
            &lt;li&gt;..&lt;/li&gt;
            &lt;li&gt;..&lt;/li&gt;
            &lt;li&gt;..&lt;/li&gt;
            &lt;li&gt;..&lt;/li&gt;

        &lt;/ul&gt;&lt;!-- end new wrap ul --&gt;

    &lt;/li&gt;&lt;!-- end new wrap li --&gt;

    &lt;li class="new_wrap_li"&gt;

        &lt;ul class="new_wrap_ul"&gt;

            &lt;li class="original_li"&gt;..&lt;/li&gt;
            &lt;li&gt;..&lt;/li&gt;
            &lt;li&gt;..&lt;/li&gt;
            &lt;li&gt;..&lt;/li&gt;
            &lt;li&gt;..&lt;/li&gt;

        &lt;/ul&gt;&lt;!-- end new wrap ul --&gt;

    &lt;/li&gt;&lt;!-- end new wrap li --&gt;

&lt;/ul&gt;&lt;!-- end processed ul --&gt;
</code></pre>

<p>I've been using the .each function to go through the LIs and append them to the new processed ul held inside a temp div... now I just need to wrap the new LI and UL around every 5 LIs.</p>

<p>Thanks in advance!!</p>

<p>Al</p>
