Почему чекбоксы работают неправильно?

У меня есть чекбоксы:

<label><input type="checkbox"> 1  </label>					          
<label><input type="checkbox"> 2 </label>					          
<label><input type="checkbox"> 3  </label>				          
<label><input type="checkbox"> 4 </label>

На label стоит такой обработчик:

function(e) {
  if ($(this).find('input').prop('checked')) {
    $(this).find('input').prop('checked', false);
  } else {
    $(this).find('input').prop('checked', true);
  }
}

Почему-то при нажатии на label ЧЕКБОКС отмечается галочкой, а когда нажимаешь на сам чекбокс - ничего не происходит. К label привязан еще один обработчик, но не думаю, что он как-то мешает