using event.stopPropagation()
<p>I have a problem with using event.stopPropagation() with following javascript code</p>

<pre><code>&lt;li onclick="test();"&gt;
  &lt;div&gt;
    &lt;span onclick="test2();"&gt;click&lt;/span&gt;
 &lt;/div&gt; 
&lt;/li&gt;
</code></pre>

<p>While clicking on span it will open a lightbox (jQuery colorbox) with some contents but the problem here is when i clicking on span it is calling <code>&lt;li&gt;</code> onclick first, i have tried <code>event.stopPropagation()</code> but it doesn't look works for me,can anyone please tell me how to do it?</p>
