Set data-theme programatically on textbox in Jquery Mobile

Question

Is there a way to set the "data-theme" of a textbox in Jquery mobile?

$("#txtEmail").attr("data-theme", "b");

...doesn't work.

I like to use this to to display invalid form items in form validation.

Answer 1

You have to manually remove the earlier theme class and add the new theme class after changing the theme.

$("#txtEmail").removeClass("ui-body-c").addClass("ui-body-b");

A demo here - http://jsfiddle.net/vppvG/

Answer 2

To conform to jquerymobile standards I would use:

$("#txtEmail").attr('data-theme','b').trigger('refresh');