[SEARCH] ESC button breaks Search input

[smartm0use]

https://jsfiddle.net/5uLqzspm

Did you notice that if you search for somethings and then press Esc, then you can't search again?

To make it working again you have to focusout and focusin...

[cemremengu]

Any workaround for this one?

[rubenanapu]

I could make this work by focusing on a "hidden" checkbox when esc is pressed, and then focusing again on the #search.
Something like:

<input type="checkbox" style="width: 0px" id="reset_search" >

<script>
        $(window).on('keyup', function(evt){
            if(evt.which == 27){
                $("#search").val('');
                $("#reset_search").focus();
                setTimeout(function(){
                    $("#search").focus();
                }, 50);
            }
        });
</script>

[ifaniqbal]

@rubenanapu, your answer is very helpful. Thank you.

The point is the input should loose focus then re-focus again. So, I do something like $(this).val('').blur().focus() when escape button pressed.