Count LI items

Count the number of visible List items

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css">
<div data-role="page" id="page1">
    <div data-role="header">
        <h1>Page One</h1>
    </div>
    <div data-role="content">
            <label>Visible Items: </label><label id="count"></label>
        <ul id="myList" data-role="listview" data-theme="b" data-inset="true" data-filter="true">
          <li><a href="acura.html">Acura</a></li>
          <li><a href="audi.html">Audi</a></li>
          <li><a href="bmw.html">BMW</a></li>
        </ul>
    </div>
</div>

CSS

.ui-listview-filter {
    margin-top: 0;
}

JavaScript

$('.ui-listview-filter').bind('keyup', function(){
    var count = $('#myList li').size() - $('#myList li.ui-screen-hidden').size();
    $('#count').text(count);
    
    });