Overriding Parent's Element Click Event from Child Element
<p>I have following HTML:</p>

<pre><code>&lt;table&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;div&gt;test&lt;/div&gt;&lt;/td&gt;
        &lt;td&gt;Some Text&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Using JQuery, I have some code that runs when user click on TR element. It works well.</p>

<p>However, when someone click the DIV inside the TD element, I want only the "click" event of the DIV and not the parent's TR "click" event.</p>

<p>How can I do that?</p>

<p>Thanks all in advance!</p>
