Программно снизить флажок jQuery Кнопка Checkbox ui

У меня есть элемент флажки HTML на моей странице, как так:

<input type="checkbox" id="locked" /><label for="locked">Locked</label>

, и я звоню в мой $ (документ). ready (), чтобы изменить это Чтобы быть кнопкой проверки jQuery ui, например:

$('#locked').button({
    'icons': {
        'primary': 'ui-icon-unlocked'
    },
    'label': 'Unlocked'
});

Фоновый контекст - это то, что пользователь может использовать эту кнопку для блокировки / разблокировки определенного объекта, чтобы фоновый процесс не изменит его, и он начинается с «разблокированного» состояния. Если JavaScript не включен, пользователь видит флажок и ярлык «заблокирован» рядом с ним.

Я хочу иметь возможность программно проверять / снизить кнопку этого флажка. Я пробовал:

$('#locked').attr('checked', false);

, но кнопка CheckBox не обновляется, чтобы отразить контрольный статус контроля.

Я мог бы проверить проверенное свойство Checkbox, затем сделать .Click (), если он не совпадает с тем, что я хочу, но это не звучит очень элегантно.