click event on a div should not be triggered by it's children
<p>Let's say I have the following Code:</p>

<pre><code>&lt;div id="parent"&gt;
    &lt;div id="child"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Now I attach an onClick event to the parent div:</p>

<pre><code>$('#parent').click(function() { ... });
</code></pre>

<p>Is there an easy way to stop the event from triggering when I click on the child div? I don't want to do something like</p>

<pre><code>$('#child').click(function() { return false; });
</code></pre>

<p>because the child div could contain links...</p>

<p>Thanks!</p>
