title: Trigger click on child but prevent event propagation to parent
body: <p>How do I trigger click on a child element without letting the click event bubble upto the parent &amp; thereby create a infinite trigger loop of click event.</p>
  
  <p>For example I have like this:</p>
  
  <pre><code>&lt;li&gt;
     &lt;a&gt; ... &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I want to trigger a click event on <code>a</code> whenever <code>li</code> is clicked, but to prevent infinite trigger loop, I should avoid event propagation upto parent. How do I do that ?</p>