jquery mobile force ui-btn-active на кнопке панели навигации

I у меня проблема с мобильной навигацией jQuery (панель навигации).

У меня 4 страницы, и я установил для class = "ui-btn-active" другое значение на каждой странице ..

Например:

Страница 1:

<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="index.html" data-icon="home" data-iconpos="top" class="ui-btn-active">Page 1</a></li>
<li><a href="index2.html" data-icon="plus" data-iconpos="top">Page 2</a></li>
<li><a href="index3.html" data-icon="grid">Page 3</a></li>
<li><a href="index4.html" data-icon="star" data-iconpos="top">Page 4</a></li>
</ul>
</div><!-- /navbar -->

, затем, если вы перейдете на страницу 2:

Страница 1:

<div data-role="footer">
<div data-role="navbar">
<ul>
<li><a href="index.html" data-icon="home" data-iconpos="top">Page 1</a></li>
<li><a href="index2.html" data-icon="plus" data-iconpos="top" class="ui-btn-active">Page 2</a></li>
<li><a href="index3.html" data-icon="grid">Page 3</a></li>
<li><a href="index4.html" data-icon="star" data-iconpos="top">Page 4</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->

и т. Д.

Моя проблема в том, что она не всегда выделяется, и иногда мне приходится нажимать кнопку 2 раза для этого, чтобы выделить.

Кто-нибудь знает, как заставить это работать?