Подсчет элементов li, видимых с помощью jQuery

Я подсчитываю свои элементы li с помощью следующего скрипта jQuery:

HTML:

<ul class="relatedelements">
   <li style="display:none;" class="1">anything</li>
   <li style="display:none;" class="2">anything</li>
   <li style="display:none;" class="3">anything</li>
</ul>

jQuery:

    $(function() {
        var numrelated=$('.relatedelements > li').length;
        $('.num-relatedelements').html(numrelated); 
    });

--> Скрипт возвращает:3

Я изменяю свойство style="display: none"некоторых из li элементы, когда $(document).readyс jQuery, например:$('.2').show();

Теперь я хочу изменить сценарий таким образом, чтобы подсчитывались только видимые элементы li со следующим сценарием (я только что добавил :visible в соответствии с документами jQuery):

    $(function() {
        var numrelated=$('.relatedelements > li:visible').length;
        $('.num-relatedelements').html(numrelated); 
    });

--> Скрипт возвращает:ничего

Я понятия не имею, почему он не работает -может быть у кого-нибудь есть совет или идея? Любая помощь очень приветствуется. Заранее спасибо!