title: jQuery to add div wrapper to specified elements
body: <p>I have a CMS generated HTML block. I'd like to add some DIV wrappers to a specific set of elements.</p>
  
  <pre><code>&lt;ul id="gform_fields_1"&gt;
      &lt;li id="field_1_8" class="gfield"&gt;
          &lt;!-- content --&gt;
      &lt;/li&gt;
      &lt;li id="field_1_9" class="gfield"&gt;
          &lt;!-- content --&gt;
      &lt;/li&gt;
      &lt;li id="field_1_10" class="gfield"&gt;
          &lt;!-- content --&gt;
      &lt;/li&gt;
      &lt;li id="field_1_11" class="gfield"&gt;
          &lt;!-- content --&gt;
      &lt;/li&gt;
      &lt;li id="field_1_12" class="gfield"&gt;
          &lt;!-- content --&gt;
      &lt;/li&gt;
      &lt;li id="field_1_13" class="gfield"&gt;
          &lt;!-- content --&gt;
      &lt;/li&gt;
      &lt;li id="field_1_14" class="gfield"&gt;
          &lt;!-- content --&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I would like to achieve the following pattern:</p>
  
  <pre><code>&lt;ul id="gform_fields_1"&gt;
      &lt;div class="wrap"&gt;
          &lt;li id="field_1_8" class="gfield"&gt;
              &lt;!-- content --&gt;
          &lt;/li&gt;
          &lt;li id="field_1_9" class="gfield"&gt;
              &lt;!-- content --&gt;
          &lt;/li&gt;
          &lt;li id="field_1_10" class="gfield"&gt;
              &lt;!-- content --&gt;
          &lt;/li&gt;
      &lt;/div&gt;
      &lt;div class="wrap"&gt;
          &lt;li id="field_1_11" class="gfield"&gt;
              &lt;!-- content --&gt;
          &lt;/li&gt;
      &lt;/div&gt;
      &lt;div class="wrap"&gt;
          &lt;li id="field_1_12" class="gfield"&gt;
              &lt;!-- content --&gt;
          &lt;/li&gt;
          &lt;li id="field_1_13" class="gfield"&gt;
              &lt;!-- content --&gt;
          &lt;/li&gt;
      &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The wraps are for a specific group of elements, for example I'd need #field_1_8, #field_1_19 and #field_1_10 to be enclosed in a DIV, then #field_1_11 wrapped in a DIV, then the remainder. Point is, I'd like to specify the IDs, rather than base it on any logic, so to speak.</p>
  
  <p><code>.wrap()</code> seems like the way to go, to work something like this:</p>
  
  <pre><code>$('LIST ALL IDs').wrap('&lt;div class="new" /&gt;');
  </code></pre>
  
  <p>Any hints much appreciated.</p>
  
  <p>Thanks</p>