更改JQuery移动版复选框的标签

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手机改变了页面的原始html，这似乎是可行的：

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