wrapping - Wrap div around items with jquery -

My code spans a div around every 5 children divs but only keep "wrapping" in "partner vepered" Should someone help me?

HTML code:

  & lt; Div class = "content1" & gt; & Lt; Div class = "partnerwrap" & gt; & Lt; Div class = "partner_item even" & gt; 1 & lt; / Div & gt; & Lt; Div class = "partner_item weird" & gt; 2 & lt; / Div & gt; & Lt; Div class = "partner_item even" & gt; 3 & lt; / Div & gt; & Lt; Div class = "partner_item weird" & gt; 4 & lt; / Div & gt; & Lt; Div class = "partner_item even" & gt; 5 & ​​lt; / Div & gt; & Lt; Div class = "partner_item weird" & gt; 6 & lt; / Div & gt; & Lt; Div class = "partner_item even" & gt; 7 & lt; / Div & gt; & Lt; Div class = "partner_item weird" & gt; 8 & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "content2" & gt; & Lt; Div class = "partnerwrap" & gt; & Lt; Div class = "partner_item even" & gt; 9 & lt; / Div & gt; & Lt; Div class = "partner_item weird" & gt; 10 & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;    (Var i = 0; i & lt; divs.length; i + = 5) {divs.slice (i, i + 5). WrapAll ("& lt; div class = 'group' & gt; & lt; / div & gt;"); }  

CSS:

  .partner_item {width: 50px; Height: 50px; Margins: 10px; Swim left; Background color: # 999; }  JSFIDDLE:    
 
 
 If you use IDs to identify content divs, and you use them for the group, then you can do something like this:  
  $ ("content"). Each (function () {var divs = $ ("partner partner> .partner_item", this); (var i = 0; i & lt; divs.length; i + = 5) {divs.slice (i , I + 5). WrapAll ("
 ");}});  
 
 Check it out