jQuery stop "click" action after first elevent
<p>There are two nested elements, both have different <code>click</code> actions.<br>
I need to stop outer element action when inner element is clicked. </p>

<p>HTML:</p>

<pre><code>&lt;div id='out'&gt;
    &lt;div id='in'&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>jQuery:  </p>

<pre><code>$('#out').click(function(){alert('OUT div is pressed')})
$('#in').click(function(){alert('IN div is pressed')})
</code></pre>

<p>I need when <code>in</code> is pressed, only his action is executed. <code>out</code>'s script should have no action. </p>

<p>How it can be solved? </p>
