JQuery: How to stop child onclick event while still triggering the parent onclick event
<p>I wonder how can I stop child onclick event while still triggering the parent onclick event. For example the following structure:</p>

<pre><code>&lt;div id="parent"&gt;
   &lt;div id="child1"&gt;&lt;/div&gt;
   &lt;div id="child2"&gt;&lt;/div&gt;
   &lt;div id="child3"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>if I click "child1" for example, the onclick event for "child1" will not be triggered, however, the onclick event for "parent" will still be triggered.</p>

<p>Thank you very much!</p>
