About 10% of the time, when I click a button, it highlights the button but does not perform the appropriate action. A good example is my navigation button bar because I'm not doing anything special:

    <div data-role="footer"  data-position="fixed" data-id="navbar" data-tap-toggle="false" data-theme="c">

      <div data-role="navbar">

         <ul>

            <li><a data-icon="custom1" href="page1.html" data-role="button" data-inline="true">Page 1</a></li>

            <li><a data-icon="custom2" href="page2.html" data-role="button" data-inline="true">Page 2</a></li>

            <li><a data-icon="custom3" href="page3.html" data-role="button" data-inline="true">Page 3</a></li>

         </ul>

      </div>

</div>

If I click on a button, it will look pushed in but the page will not change. Clicking again will result in the page changing. This doesn't happen all the time.

Does it sound familiar? Any help or advice would be appreciated.

Thank you.