javascript - 入力が事前に選択された値を持っている場合、jQuery mouseleave はイベントを発生させます

Question

スライディングログインボックスがあります。ボタンをクリックすると、ログインが下にスライドします$('#loginBox').slideDown()

ログインボックスはdivでラップされています

<div id="wrapper" style="position: relative">
 <button>Login</button>
 <div id="loginBox" style="position: absolute"><input name="username" type="text"></div>
</div>

JavaScript:

$('#wrapper').on('mouseleave', function(){
 $('#loginBox').slideUp();
});

入力ユーザー名に事前に選択された値があり、それを選択したい場合は、mosueleave イベントが発生します。ログインボックスが上にスライドします

どうすればこれを防ぐことができますか?

ここにサンプルコードがありますhttp://jsfiddle.net/XBPmb/3/