var toAdd = $('input[name=checkListItem]').val();
$('.list').append('<div class="item">' + toAdd + '</div>');
Here is what I am confused with so far. When I did '.ready' (instead of '.on'), it works just fine but with '.on' is not working fine. When I leave it with .ready, the error message pop up saying, "Oops, try again. Did you call .on() on $(document) ?" so I am lost at this point.