jquery click label+checkbox detect which?

Question

I am trying to check the event.target.nodeName as follows:

$("input").click(function(e){
    if(e.target.nodeName == "LABEL") {
       alert('label click');
        e.preventDefault();
    } else {
       alert($(this).attr('checked') ? 'checked': 'unchecked');
    }
});

But the name never equals label? What am I doing wrong?

Quick jsfiddle

Answer 1

You should select the label(parent) element. Currently the only target of your click handler is the input element:

$("label").click(function(e){
  // ...
})

http://jsfiddle.net/j7nSq/

Answer 2

I think the reason this doesn't work is because this will only run if you click on input:

  if(e.target.nodeName == "LABEL") {