title: wrap two divs in a container
body: <p>I have a container which contains multiple divs, of which i need to wrap two of them in another div, using jquery. Please suggest the possible way.</p>
  
  <p>actual structure </p>
  
  <pre><code>&lt;div class='parent'&gt;
   &lt;div class='a'&gt;abcd&lt;/div&gt;
   &lt;div class='b'&gt;abcd&lt;/div&gt;
   &lt;div class='c'&gt;abcd&lt;/div&gt;
   &lt;div class='d'&gt;abcd&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>expected structure:</p>
  
  <pre><code>&lt;div class='parent'&gt;
   &lt;div class='a'&gt;abcd&lt;/div&gt;
   &lt;div class='child'&gt;
    &lt;div class='b'&gt;abcd&lt;/div&gt;
    &lt;div class='c'&gt;abcd&lt;/div&gt;
   &lt;/div&gt;
   &lt;div class='d'&gt;abcd&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>