Nth-of-type alternative for IE8

[UGWorld]

I have rows of product divs. Need to add a clear div after every fourth item. 4 to a row. I'm using \[code\]jQuery('.product:nth-of-type(4n+2)').after("<div class='clear'></div>");\[/code\] right now, but that doesn't support IE8. And since we're using jQuery, selectivizrs fix won't work in this case.I've also tried \[code\] addDynamicRow = function() { var divs = $(".product-section > .product"); for(var i = 0; i < divs.length; i+=4) { divs.slice(i, i+4).wrapAll("<div class='row'></div>"); } $('.row').after("<div class='clear'></div>") } addDynamicRow();\[/code\]But that grabs all of the product divs in the other product-section wrappers as well and puts them into groups of four regardless of where they're at.Anyone know a work-a-round? I havn't been able to find a solution.Thanks!