title: jQuery Click Stop Propagation
body: <p>I have a simple setup, a table whose cells have checkboxes within them.  I have two events, one that responds to clicking on the checkboxes and another which responds to clicking on the "tr" elements. When I click on a checkbox I don't want the table row event to fire. I've tried <code>event.stopPropagation()</code> and <code>return false;</code> without any luck.  Here's a snippet:</p>
  
  <pre><code>$("tr").click(function() {
      alert("tr clicked");
  });
  
  $("input[type=checkbox]").change(function(event) {
      event.stopPropagation();
      alert("checkbox clicked");
  });
  </code></pre>
  
  <p>With something like:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;&lt;input type="checkbox" id="something" name="something" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>If the change event fires the click event will also fire.  Any clues on how to stop the <code>tr</code> click event from firing if the checkbox is changed within the <code>td</code> element of the <code>tr</code>?</p>