title: jquery stop child triggering parent event
body: <p>I have a div which I have attached an <code>onclick</code> event to.  in this div there is a tag with a link. When I click the link the <code>onclick</code> event from the div is also triggered. How can i disable this so that if the link is clicked on the div <code>onclick</code> is not fired?</p>
  
  <p>script:</p>
  
  <pre><code>$(document).ready(function(){
      $(".header").bind("click", function(){
           $(this).children(".children").toggle();
      });
  })
  </code></pre>
  
  <p>html code:</p>
  
  <pre><code>&lt;div class="header"&gt;
      &lt;a href="link.html"&gt;some link&lt;/a&gt;
      &lt;ul class="children"&gt;
          &lt;li&gt;some list&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>