jquery - 1つの要素でホバーマウスをチェックする方法

Question

このマウスが別の要素を離れたときに、マウスが1つの要素にホバーしているjQueryことを知る方法を理解したいです。

私はこのコードを書きます：

html

<ul>
    <li class="conver">1</li>
    <li class="conver">2</li>
    <li class="conver">3</li>
    <li class="conver">4</li>
    <li class="conver">5</li>
</ul>
<div id="center">JSFIDDLE</div>

jquery

$('ul').on('mouseenter','li', function () {
        $('#center').fadeIn('fast');

}).on('mouseleave','li', function () {
     //I want when mouse leave this element if mouse doesn't hover on ('#center') 
     //element so hide ('#center') element but if to be hover on it this div keep on
     //and don't hide
        $('#center').stop().fadeOut('fast');
});

liマウスを離す要素が('#center') 要素にあるかどうかを知る方法を教えてください!!!