title: unbind onclick event for 'a' inside a div with onclick event
body: <p>html:</p>
  
  <pre><code>&lt;div id="container"&gt;
  &lt;div class="desc"&gt;desc&lt;/div&gt;
  &lt;a href="foo.php"&gt;foo&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$('#container').click(function(){
      ...
      my_function();
      ...
  });
  </code></pre>
  
  <p>This works when the user click inside container except for the a tag.</p>
  
  <p>If the user click a tag, the click event fires.  However, I want to disable self-defined click function for a tag. That is, link to the page without the onlick event.</p>
  
  <p>This doesn't work:</p>
  
  <pre><code>$('#container :not(a)').click();
  </code></pre>