Using jQuery to clear search field, but autocomplete results remain

So, have an algolia search field built into my main navigation and I am using a little jQuery to clear the results and the input, but although the input is empty when I open the search field the autocomplete results still show from the last search.

check it out for yourself https://moderncooking.com

this is my jQuery

jQuery('.search-item a').on( "click", function() {
		jQuery('.search-field').val("");
    jQuery('.algolia-autocomplete').hide();
})

Any tips would be greatly appreciated :slight_smile: