Изменение метки флажка JQuery Mobile

Question

У меня есть следующий флажок:

<input type="checkbox" id="ui-5"/><label for="ui-5">checked</label>

Я бы хотел изменить его значение на непроверенное, если оно не проверено и не проверено, проверено ли оно. Я пробовал этот код:

$("#ui-5").click(function(){
   $("label[for='ui-5']").text("unchecked");
});

Это меняет метку, но дизайн моего флажка становится странным. Как я могу это исправить?

Answer 1

JQuery mobile меняет исходный HTML-код страницы, похоже, это работает:

 $("#ui-5").change(function () {
    $("label[for='ui-5'] span.ui-btn-text").text("unchecked");
 });