jQuery focusout event not working as I want it to
<p>I have the following code:</p>

<pre><code>    &lt;div id="id1"&gt;
        &lt;div id="id2"&gt;
            &lt;p&gt; some text &lt;/p&gt;
        &lt;/div&gt;
        &lt;div id="id3"&gt;
             &lt;!--some other div elements--&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p><code>#id2</code> is <code>contenteditable</code> when some button on the page is clicked.</p>

<p>My script has the following code:</p>

<pre><code>jQuery("#id1").focousout(focousoutFunction);
</code></pre>

<p>The problem is that if <code>#id2</code> loses focus then the <code>focousoutFunction</code> is fired.
Is there a way that the <code>focusout</code> will only catch the event when the actual element loses focus and not it's inside elements?</p>
