Таблица стилей $(this).addClass не применена ⇐ Html

[Anonymous]

При выполнении руководства я вижу, что таблица стилей не применяется к выбранному элементу в списке. Какова возможная причина?
Следующий пример работает таким образом: если в текстовое поле добавляется некоторая строка, а затем нажимается кнопка, в список добавляется новый элемент. Если щелкнуть элемент в списке, его следует перечеркнуть.








$(document).ready(function () {
$('#taskText').keydown(function (evt) {
if (evt.keyCode == 13) {
addTask(this, evt);
}
});

$('#addTask').click(function (evt) {
addTask(document.getElementById('taskText'), evt);
});

// following statements not working

$('#tasks li').live('click', function(evt) {
$(this).addClass('done');

});});

function addTask(textBox, evt) {
evt.preventDefault();
var taskText = textBox.value;
$('').text(taskText).appendTo('#tasks');
textBox.value = "";
};


.done{
text-decoration:line-through;
}

Подробнее здесь: https://stackoverflow.com/questions/347 ... ot-applied