Dynamically changing hyperlink theme within jquery mobile

http://stackoverflow.com/questions/16271004/dynamically-changing-hyperlink-theme-within-jquery-mobile/16273562#16273562

HTML

<div data-role="page"> 
	<div data-role="header">header</div> 
	<div data-role="content">
	    <a href="#" id="test" data-role="button" data-theme="b">change theme to c</a> 
        <div data-role="controlgroup">
            <a href="index.html" data-role="button" data-theme="b">Yes</a>
            <a href="index.html" data-role="button" data-theme="b" >No</a>
            <a href="index.html" data-role="button" data-theme="b">Maybe</a>
        </div>
        
	</div> 
	<div data-role="footer">footer</div> 
</div>

JavaScript

$('a').click(function(e){
    e.preventDefault();
   $("a").buttonMarkup({theme: 'b'});
});