display none not working

display none not working

This is the url with issue


I am setting display none for div inside box-product class
Quick search on internet tells me some issue with more specfic selector but not sure what to do 

I ran following code in firebug and dont see the div getting hidden. Although visibility works, but I dont want to use it since it would still take up the div space
[code]

$(".box-product").children().each(function(i, elm) {


//Below doesnt work though style gets applied, div is still shown
 $(elm).css("display", "none");
$(elm).children().css("display", "none");

});




[/code]

div gets added in box-product class as products are viewed. Therefore in above page, only one div is added under box-product but more div would get added as different products are viewed

In the end I want to implement pagination so that i can show only specific number of div on this page and hide the rest