HTML:

<div class=male>...</div>

<div class=male>...</div>

<div class=female>...</div>

I have several divs with categories as class (and more divs without .male inside of them), on startup I count them with

$('.male').size(); // Returns 40 items for example

(I know size(); is deprecated but we use an older version of jQuery)

During the application, some of the divs turn invisible after a specific click,
I want to recount the visible items.

I tried

$('.male :visible').size();

But it gave me a horrible high number, like 3050, so I assume the selector does count all the visible divs inside .male or something.

Is someone able to advice me the correct selector for only visible divs with specific class?