Custom theme not working with jquery
Hi,
I've created a custom theme with theme roller.
When i add like
<ul data-role="controlgroup" data-type="horizontal" class="localnav">
<li><a href="#" data-role="button" data-transition="fade" id="id1"
class="ui-body-g">N/A</a></li>
<li><a href="#" data-role="button" data-transition="fade" id="id2"
class="ui-body-h">OK</a></li>
<li><a href="#" data-role="button" data-transition="fade" id="id3"
class="ui-body-i" >TBC</a></li>
<li><a href="#" data-role="button" data-transition="fade" id="id4"
class="ui-body-j">No</a></li>
</ul>
Its working fine.
When i try to change the theme via script , its not working.
code :
$("#id1).tap(function(){
$(this).removeClass('ui-body-g').addClass('ui-body-h');
});