title: click event on a div should not be triggered by it's children
body: <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>