JSFiddle - React, Tailwind, and code Playground

HTML

<div class="search">
    <button>SEARCH</button>
  <input type="text" placeholder="type here" id='search-text'/>  
</div>

JavaScript

$('.search').hover(function () {
    $('#search-text').show();
}, function () {
    $('#search-text').hide();
});

$('#search-text').hide();