Как отменить hover jQuery?

Question

[hellion35]

Есть элемент которому при наведении добавляется class:

jQuery('.header-right-menu__search').hover(function(){
    jQuery(this).addClass('header-right-menu__search_focus');
});

Как убрать добавленный класс с задержкой если мышка убрана с элемента?

Такой код работает но криво((( Он убирает класс в любом случает, даже если мышка наведена на элемент.

jQuery('.header-right-menu__search').mouseout(function(){
        setTimeout(function(){
            jQuery('.header-right-menu__search').removeClass('header-right-menu__search_focus');
        }, 2000);
});

Answer 1

[Алексей Уколов]

Сохраняйте идентификатор, возвращаемый setTimeout в глобальную переменную и при входе обратно на элемент делайте clearTimeout.

Answer 2

[lUser L]

https://jsfiddle.net/c70p4b21/