title: Add a checkbox on top of a clickable div
body: <p>How do I add a checkbox on top of a clickable element, that won't send the click event to the clickable element?
  (To generalize the question - add a non-clickable element on top of a clickable element)</p>
  
  <p>Example here:
  <a href="http://jsbin.com/uyecaq/4/edit" rel="nofollow">http://jsbin.com/uyecaq/4/edit</a></p>
  
  <p>Thanks!</p>
  
  <p>To Clarify - When the checkbox is clicked, the div that it sits in should not receive the click event.</p>