changing text works, except for buttons

changing text works, except for buttons

have a simple form. pretty much copy paste from the documentations.
I can change the text of any element on the page, except my buttons.

$('label:first').text('asdf')
[
  1. <label for=​"user" class=​"ui-input-text">asdf</label>
]
$('button:first').text('asdf')
[
  1. <button name=​"action" id=​"btnLogin" value=​"login" type=​"submit" data-theme=​"b" class=​"ui-btn-hidden" aria-disabled=​"false">asdf</button>
]

The above code is from my chrome javascript console. it does return the button object with the updated text, but on the page i still see the old one.


inspecting the element i can confirm that there's nothing else inside there.

$('#buttonid').html('asdf') gives me same results.