How can I add a parent element to a group of paragraph?
<p>I have this HTML:</p>

<pre><code>&lt;div id="description"&gt;
  &lt;h5&gt;Title&lt;/h5&gt;
  &lt;p&gt;First paragraph&lt;/p&gt;
  &lt;p&gt;Second paragraph&lt;/p&gt;
  &lt;p&gt;Third paragraph&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>I want to insert, with jQuery, a parent element for all <code>&lt;p&gt;</code> elements, except the first one. So the HTML that I would like to generate is this:</p>

<pre><code>&lt;div id="description"&gt;
  &lt;h5&gt;Title&lt;/h5&gt;
  &lt;p&gt;First paragraph&lt;/p&gt;
  &lt;div class="details"&gt;
    &lt;p&gt;Second paragraph&lt;/p&gt;
    &lt;p&gt;Third paragraph&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>There's the <code>.wrap()</code> function in jQuery that can add a parent, but if I use it like this:</p>

<pre><code>$("#description p:not(:first)").wrap('&lt;div class="details" /&gt;');
</code></pre>

<p>It wraps all my <code>&lt;p&gt;</code> individually.</p>

<p>Is there any way I can modify my selector to put my <code>&lt;div&gt;</code> around the "group" instead? Or maybe it's easier using a different function that is yet unknown to me?</p>

<p>Thanks!</p>
