jquery add wrapper divs around 2 divs where content can be varient length
<p>I have this code</p>

<pre><code>&lt;div class="pagenavcounter"&gt;Page 2 of 4&lt;/div&gt;&lt;p&gt;
&lt;strong&gt;test test&lt;/strong&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;ul class="ticklist"&gt;
&lt;li&gt;Test Content&lt;/li&gt;
&lt;li&gt;
     Test Content&lt;/li&gt;
&lt;li&gt;
    Test Content &lt;/li&gt;
&lt;li&gt;
     Test Content*&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;
&lt;strong&gt;Package Extras&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
    Test Contentt&lt;sup&gt;#&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;
    Test Content&lt;/li&gt;
&lt;li&gt;
    Test Content&lt;/li&gt;
&lt;/ul&gt;
&lt;table class="stripeTable" style="width:95%;" border="0" cellpadding="0" cellspacing="0" width="518"&gt;
&lt;tbody&gt;
    &lt;tr class=""&gt;
        &lt;td class="customerDetailsThead header" colspan="2"&gt;
            &lt;p&gt;
                &lt;strong&gt;Key features&lt;/strong&gt;&lt;/p&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="odd"&gt;
        &lt;td class="customerDetails" style="width:35.0%;"&gt;
            &lt;p&gt;
                test&lt;/p&gt;
        &lt;/td&gt;
        &lt;td class="customerDetails"&gt;
            &lt;p&gt;
                test&lt;/p&gt;
        &lt;/td&gt;
    &lt;/tr&gt;

&lt;/tbody&gt;
&lt;/table&gt;

&lt;p&gt;
&lt;sup&gt;contwent contese&lt;/sup&gt;
&lt;/p&gt;
&lt;div class="pagenavbar"&gt;&lt;div&gt;
</code></pre>

<p>I need to insert with jQuery a wrapper div that starts after pagenavcounter and ends before pagenavbar?</p>

<p>The content between the two can be varying amounts..</p>

<p>Any ideas on how I could do this?</p>

<p>Thanks</p>
