title: How to wrap all elements inside a div after a certain element? (JQuery)
body: <p>I have an article tag that has elements inside it.</p>
  
  <p><strong>Problem:</strong> How can I wrap all elements inside a div after a certain element?</p>
  
  <p><strong>This is the current code:</strong></p>
  
  <pre><code>&lt;article&gt;
       &lt;figure class="thumbnail"&gt;
            &lt;img src="src_to_img" /&gt;
       &lt;/figure&gt;
  
        &lt;h2&gt;Name: Test Name&lt;/h2&gt;
        &lt;div class="description"&gt;&lt;/div&gt;
        &lt;div class="content"&gt;&lt;/div&gt; 
        &lt;div class="content"&gt;&lt;/div&gt;
        &lt;div class="more"&gt;&lt;/div&gt;
  &lt;article&gt;
  </code></pre>
  
  <p>The <strong>output</strong> must be:</p>
  
  <pre><code>&lt;article&gt;
       &lt;figure class="thumbnail"&gt;
            &lt;img src="src_to_img" /&gt;
       &lt;/figure&gt;
  
        &lt;div class="description-wrap"&gt; 
           &lt;h2&gt;Name: Test Name&lt;/h2&gt;
           &lt;div class="description"&gt;&lt;/div&gt;
           &lt;div class="content"&gt;&lt;/div&gt; 
           &lt;div class="content"&gt;&lt;/div&gt;
           &lt;div class="more"&gt;&lt;/div&gt;
        &lt;/div&gt;   
  &lt;article&gt;
  </code></pre>
  
  <p>As you can see.. the final output has all the elements wrapped inside <code>class="description-wrap"</code> after <code>&lt;figure&gt;&lt;/figure&gt;</code></p>