Cambiare l'etichetta di una casella di controllo jQuery Mobile

Question

ho la casella di controllo seguente:

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

Mi piacerebbe cambiare il suo valore a incontrollato se non controllati e controllato se è selezionata. Ho provato questo codice:

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

Cambia l'etichetta ma il disegno della mia casella di controllo diventa strano. Come posso risolvere questo?

Answer 1

jQuery Mobile cambia l'HTML originale della pagina, questo sembra funzionare:

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