To-do list works, but only shows 'undefined'



My To-do list works, and codecademy say's everything is okay. But is isn't.
I can add and delete things of the to do list. But it doesn't matter whether i fill in text in the textfiel or not,
I only get the output of 'undefined'. Can someone see what i did wrong?


var toAdd = $('input[name=checklistItem]').val();
$('.list').append('<div class= "item">'+ toAdd + '</div>');

$(document).on('click', '.item', function(){


Thanks in anvance :slightly_smiling:


Hi Romanamiltenburg,


in your JavaScript, versus how it's capitalized in the HTML file :slightly_smiling: