I have a search application where I'm allowing the user to hide items that have a zero quantity. Items with a zero quantity have a class assigned to that row which is used to hide the row.

When the user clicks the button to hide the zero items, it works fine. When they hide the zero items and do subsequent searches, some of the zero quantities are hidden and some are not.

Using inspect element via Firebug I can see the row has a style of "display: table-row" for the ones that should be hidden but are not.

How is the display: table-row being inserted into the inline style? How do I prevent it from happening?

Again, not *all* the zero items have this, only a few and there is no pattern that I can see off hand.