Question

In jQuery, I have a somewhat simple script with pre-made css classes, but no css formatting here.

http://jsfiddle.net/nSscK/

I was hoping to simply add more fields to the list. I stored the list item inside taskItem and logged it to make sure the html is correct. However, nothing appears on my list.

Thank you.

Answer 1

You forgot to clone the element before appending. Otherwise you just append the same element.

$('#add').click(function(){
    var taskItem = $("#tasks ul li:first").clone();
    $('#tasks ul').append(taskItem);
    taskItem.find(':text').val("").focus();
    return false;
});

DEMO: http://jsfiddle.net/nSscK/3/