jQuery Click Stop Propagation
<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>
