jQuery Cant remove li once added

Question

When I add in a new <li> into the list, and then I try to remove it, it won't let me remove newly added features from the list?

http://jsfiddle.net/43nWM/

Cheers

Answer 1

Cause when the browser is reading your javascript code the dynamically added li isn't in the DOM, so it can't find it. Instead add the handler to the parent, and listen for the a like this:

$('#cblist').on('click', 'a', function(){
    $(this).parent('li').remove();
    return false;
});

Fiddle: http://jsfiddle.net/43nWM/3/