android - jquery mobile mobile ListViewでページを読み込めません

Question

    <div data-role="header"  >
        <h1>Fixed Header!</h1>
    </div>

    <ul data-role="listview" data-autodividers="true" id="listview" name="listview">

        <li>
            <a href="#">Xavier</a>
        </li>
        <li>
            <a href="#">Zachary</a>
        </li>
        <li>
            <a href="#"  >Zoe</a>
        </li>
    </ul><!-- /listview -->

    <div data-role="footer">
        <h4>Footer</h4>
    </div><!-- /footer -->

    <script type="text/javascript">
        $('#listview').on('click', 'a', function() {

            $.mobile.loadPage("us.html");

        });
    </script>
</body>

jquery mobile を使用してリスト ビューを作成しました。期待どおりに動作しますが、リスト ビューのアイテムをクリックするとページを読み込む必要があります。