adding click events separate for enclosing divs
<p>I am trying to add actions of div click event and I have one div enclosed inside another. and I want click event to be different for each div. but if a div is  enclosed inside another, the click event on inner div does both actions, for example.. Ive added a fiddle and a sample code. How can I make it individual actions alone for each div??</p>

<p><a href="http://jsfiddle.net/Dk8vA/" rel="nofollow">http://jsfiddle.net/Dk8vA/</a></p>

<pre><code>$('#outerDiv').on("click",function(){
     alert("s");    
 });

$('#innerDiv').on("click",function(){
  alert("n");
});
 &lt;div id='outerDiv'&gt;&lt;div id='innerDiv'&gt;&lt;/div&gt;&lt;/div&gt;
</code></pre>
