data-theme

I have split listview (with collapsible set) in jQuery Mobile (jQm). You can see it here on JSfiddle. I want the split icon act as checkbox. The icon has default data-theme="c" so it is grey and I want to change the data-theme to b on click, so the icon color should change to blue. I tried different solutions to change data-theme and found several more or less (more the less) working solution. The best is simple jQm code $(this).buttonMarkup({theme: 'b'}); , but, changing data theme this way dont change color of icon, but only change color of its background, as you can try in mentioned

I'd like to provide my user some persistent feedback after they've pressed a button (like it's indented or something). I tried: $(this).data('theme','b'); But that doesn't work. Q: Is there a way to show an indented button, or change it's data-theme on the fly? I know this is an old question, but I just recently ran into this hurdle myself. The correct way of doing this would be as follows: $(this).buttonMarkup({theme: 'b'}); I have been looking for a way to dynamically change the theme globally in jQuery Mobile (e.g. on a button click). Turned out to be more complex than I imagined to do this