JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1" class="navbar-search pull-left" action="">
    <input type="text" autocomplete="off" autofocus id="query" class="search-query search_input" placeholder="Type your query...">
    <input type="submit" class="hide-me">
</form>

CSS

.hide-me {
    display: none;
}

JavaScript

$('#form1').submit(function() {
    window.location.hash = '#' + $("#query").val();
    return false;
});