jQuery Mobile Changing Text Colour at Runtime

Question

I'm trying to change the text colour on a JQueryMobile button at runtime. I've been through many answers and tried a variety of items but it's not working for me. :(

It's the text colour of btnAnswer1 that I want to change the colour of.

I've tried the following, all with no luck.

$("#btnAnswer1").html('<color=green>Hello</color>');

$("#btnAnswer1").html(Hello);


$("#btnAnswer1").val("new text for button");


$('#btnAnswer1').children('.ui-btn').children('.ui-btn-c').children('.ui-shadow').children('.ui-corner-all').text("HELLO");


$('#btnAnswer1').val('Mark New');
$('#btnAnswer1').button('refresh');

Layout:

Answer 1

Use the .css() function of jQUery ( docs ).

Something like the following will work: $('#btnAnswer1').css('color', 'green') .