Document.GetElementByID - это не функция ⇐ Jquery

[Anonymous]

Я изучаю jQuery и следовал учебному пособию, очень странная ошибка озадачила меня.
Вот мой html: < /p>




Simple Task List

< /code>

и jQuery: < /p>

$(document).ready(function(){
//To add a task when the user hits the return key
$('#task-text').keydown(function(evt){
if(evt.keyCode == 13)
{
add_task(this, evt);
}
});
//To add a task when the user clicks on the submit button
$("#add-task").click(function(evt){
add_task(document.getElementByID("task-text"),evt);
});
});

function add_task(textBox, evt){
evt.preventDefault();
var taskText = textBox.value;
$("").text(taskText).appendTo("#tasks");
textBox.value = "";
};
< /code>

Когда я добавляю элементы, нажав на клавишу возврата, нет проблем.document.getElementByID is not a function
[Break On This Error] add_task(document.getElementByID("task-text"),evt);
task-list.js (line 11)
< /code>

Я попытался использовать jQuery вместо этого заменить его на < /p>

$("#task-text")
< /code>

На этот раз ошибка: < /p>

$("").text(taskText).appendTo is not a function
[Break On This Error] $("").text(taskText).appendTo("#tasks");
task-list.js (line 18
which results in the following error
< /code>

Я пытался отладить это в течение некоторого времени, но я просто не понимаю. Наверное, это действительно глупая ошибка, которую я сделал. Любая помощь наиболее ценится.>

Подробнее здесь: https://stackoverflow.com/questions/640 ... a-function