JQuery, предотвращение анимации в очереди

У меня есть div, который при наведении (и наведении курсора) затухает / выводит другой элемент на странице. Проблема в том, что нет ничего, что могло бы помешать пользователю очень быстро навести курсор мыши и вынудить анимацию встать в очередь.

Вот мой код:

test

test2

JQuery:

$("div.hovertest").hover(
      function () {
        $(".test").fadeOut();
      }, 
      function () {
        $(".test").fadeIn();
});

CSS:

div {
    width:200px;
    height:100px;
    background-color:#B22;
}

А вот ссылка на jsfidde: http://jsfiddle.net/btEXH/