Wrap around a specific div
<p>I tried <code>Wrap</code> and <code>WrapALl</code> and also <code>nextUntil</code> but its quite tricky this one. I have this html</p>

<pre><code>     &lt;ul class="quick-list quick-glance hideOnSearch show-for-medium-up"&gt;
       &lt;li&gt;&lt;span class="strong"&gt;Price:&lt;/span&gt; $198000&lt;/li&gt;
       &lt;li&gt;&lt;span class="strong"&gt;Miles:&lt;/span&gt; 349999&lt;/li&gt;
       &lt;li&gt;&lt;span class="strong"&gt;Vehicle Type:&lt;/span&gt; Minivans and Vans&lt;/li&gt;
     &lt;/ul&gt;
</code></pre>

<p>and I want it to look like</p>

<pre><code>    &lt;ul class="accordion show-for-small hide-for-medium-up"&gt;
      &lt;li&gt;
        &lt;div class="title"&gt;TITLE&lt;/div&gt;
        &lt;div class="content"&gt; 
         
             &lt;ul class="quick-list quick-glance hideOnSearch show-for-medium-up"&gt;
               &lt;li&gt;&lt;span class="strong"&gt;Price:&lt;/span&gt; $198000&lt;/li&gt;
               &lt;li&gt;&lt;span class="strong"&gt;Miles:&lt;/span&gt; 349999&lt;/li&gt;
               &lt;li&gt;&lt;span class="strong"&gt;Vehicle Type:&lt;/span&gt; Minivans and Vans&lt;/li&gt;
             &lt;/ul&gt;
        
        &lt;/div&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>I tried this</p>

<pre><code>$('ul.quick-list').wrapAll('&lt;ul class="accordion"&gt;&lt;li&gt;&lt;div class="title"&gt;TITLE&lt;/div&gt;&lt;div class="content"&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;'); //Single page Top accordion
</code></pre>

<p>But it places <code>quick-list</code> in the wrong places. </p>

<p>How can I do it with jQuery?</p>
