Do something if e.target is not child of xxx
<p>I want to do change the z-index of an element when the user hover it, and reinitialize it when the user mouseout.</p>

<p>But my problem is that I can't find how to know when the user is hovering a child of my element to hover, or if he's leaving the element. </p>

<p>I tried that:</p>

<pre><code>    var controlsWrapper = $('#controls-wrapper');

controlsWrapper.on('mouseover', function() {
    console.log('in');          
})
controlsWrapper.on('mouseout', function(e) {
    if(!controlsWrapper.has(e.target)) {
        console.log('out');
    }
})
</code></pre>
