title: How can I add a parent element to a group of paragraph?
body: <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>