jQuery Forum

I'm creating a site with jquerymobile.
I have a problem with the menu. When we click on a menu, it's not highlight. I'm trying to make a thing on js file but nothing happened. Only home button staying highlight!
 If you know the solution to resolve this issue,  please share this.

My menu:

1. <div data-role="navbar">

               <ul class="nav">

                   <li><a href="<?php echo host_url() ?>" class="ui-btn-active">Home</a></li>

                   <li><a href="<?php echo host_url() ?>categorie/xbox" data-ajax="false">Xbox</a></li>

                   <li><a href="<?php echo host_url() ?>categorie/ps4" data-ajax="false">PS4</a></li>

                   <li><a href="<?php echo host_url() ?>categorie/wiiu" data-ajax="false">Wiuu</a></li>

               </ul>

           </div>
2. /******script js trying to resolve but nothing happened********/
3. $(document).bind('mobileinit',function(){

    

   $('ul.nav a[href="'+ url +'"]').parent().addClass('ui-btn-active');

    

   $('ul.nav a').filter(function() {

           return this.href == url;

       }).parent().addClass('ui-btn-active');

    

   })