title: possible using event delegation in this case?
body: <pre><code>&lt;div id="trigger_this"&gt;
  &lt;button&gt;this&lt;/button&gt;
  &lt;span&gt;content&lt;span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have click event on <code>#trigger_this</code> and <code>button</code>. But when I click on button the <code>#trigger_this fire</code>. How to delegate so that when I click on the <code>button</code>, the <code>#trigger_this</code> will not get fired?</p>