JQMobile - Problem with problem with change text by a href on Click event

JQMobile - Problem with problem with change text by a href on Click event

Hello, i have got  a problem with change text by a href on Click event.

If I update text..text is changed, but button loose formatting. I tried also without $('ul').listview('refresh'); function, but is it still same.

What can I do wrong?

Thanks for any help.


  2. $("#soundBtn").live("click",function(event, ui){
  3. $('#soundBtn').text('Play sound');
  4. pauseAudio();
  5. $('ul').listview('refresh');
  6. });

  8. <div data-role="navbar" class="nav-glyphish-example" > 
  9. <ul> 
  10. <li><a data-icon="custom" id="vibrateBtn">Vibrate</a></li> 
  11. <li><a data-icon="custom" id="soundBtn">Pause sound</a></li> 
  12. <li><a href="#" data-icon="custom" id="abortBtn">Abort game</a></li> 
  13.  
  14. </ul> 
  15. </div>