title: Group data into two columns using jquery to wrap a div class
body: <p><img src="https://i.stack.imgur.com/nmBY3.png" alt="enter image description here">I have 12 items which should be arranged in two columns.  Every 6 items are grouped by <code>col-sm-6 div</code></p>
  
  <pre><code>        &lt;div class="row"&gt;
  
           &lt;div class="col-sm-6"&gt;
        /*   ......first item  in first column start*/
            &lt;div class="feature-box"&gt;
            &lt;div class="feature-box-icon"&gt;
              &lt;i class="fa fa-group"&gt;&lt;/i&gt;
              &lt;/div&gt;
                &lt;div class="feature-box-info"&gt;
              &lt;h4 class="heading-primary mb-none"&gt;Customer Support &lt;/h4&gt;
              &lt;p class="tall"&gt;Lorem ipsum dolor sit amet, consectetur adip.&lt;/p&gt;
                &lt;/div&gt;
      /*...............first item end*/
      .......+5 more
      &lt;/div&gt;/* End of col-sm-6 div */
  
  
          &lt;div class="col-sm-6"&gt;
   /*   ......first item  in second column start*/
           &lt;div class="feature-box"&gt;
            &lt;div class="feature-box-icon"&gt;
              &lt;i class="fa fa-group"&gt;&lt;/i&gt;
              &lt;/div&gt;
              &lt;div class="feature-box-info"&gt;
              &lt;h4 class="heading-primary mb-none"&gt;Sliders&lt;/h4&gt;
            &lt;p class="tall"&gt;Lorem ipsum dolor sit amet, consectetur.&lt;/p&gt; 
          &lt;/div&gt;
       /*...............first item  second column end*/
          .....+ 5 more
  
          &lt;/div&gt;/* End of col-sm-6 div */
  
  
      &lt;/div&gt;/* End of Row Div*/
  </code></pre>
  
  <p>I am wondering if JQuery could be used to group my data which is being retrieved from a database in 6's by wrapping it with div class col-sm-6?  Any help will be appreciated</p>