JSFiddle - React, Tailwind, and code Playground

HTML

<form name="quick_find" action="http://localhost/gostwear6/advanced_search_result.php" method="get" class="search search-form group global-search  blur">
    <input type="text" name="keywords" value="1884" size="50" class="search-input" tabindex="1"  placeholder="Search"   />
    <button class="search-submit" type="submit"><span class="search-submission-text">Search</span></button>
    <input type="hidden" name="search_in_description" value="1" />
    <input type="hidden" name="inc_subcat" value="1" />                             
</form>

CSS

.focus{
  background: red;
}

JavaScript

$('.search-form button').on('blur', function(){
   $(this).removeClass('focus');
}).on('focus', function(){
  $(this).addClass('focus');
}).on('click', function () {
    return false;
});