title: jQuery: wrap a div around p not:first elements inside a div
body: <p>I've been trying to get my head around this, but can't seem to think straight anymore.
  I have a structure like this:</p>
  
  <pre><code>&lt;div id="team-101"&gt;
     &lt;p&gt;Description 1&lt;/p&gt;
     &lt;p&gt;Description 2&lt;/p&gt;
     &lt;p&gt;Description 3&lt;/p&gt;
     &lt;p&gt;Description 4&lt;/p&gt;
     &lt;ul&gt;&lt;li&gt;Some stuff&lt;/li&gt;&lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="team-202"&gt;
     &lt;p&gt;Description 1&lt;/p&gt;
     &lt;p&gt;Description 2&lt;/p&gt;
     &lt;p&gt;Description 3&lt;/p&gt;
     &lt;p&gt;Description 4&lt;/p&gt;
     &lt;ul&gt;&lt;li&gt;Some stuff&lt;/li&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(etc.)
  What I'd like to do is put the second to last text paragraphs into a div that I could then hide/unhide within each main div:</p>
  
  <pre><code>&lt;div id="team-101"&gt;
     &lt;p&gt;Description 1&lt;/p&gt;
     &lt;div id="desc-101"&gt;
        &lt;p&gt;Description 2&lt;/p&gt;
        &lt;p&gt;Description 3&lt;/p&gt;
        &lt;p&gt;Description 4&lt;/p&gt;
     &lt;/div&gt;
     &lt;ul&gt;&lt;li&gt;Some stuff&lt;/li&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried something along</p>
  
  <pre><code>$('div[id^=team-]').each(function() {
      $('p:first', this).after('&lt;div&gt;');
      $('p:last', this).after('&lt;/div&gt;');
  </code></pre>
  
  <p>but the opening div is then closed automatically, and does not contain the following paragraph.
  This is probably childrens play, and I'm just too dumb.</p>