JSFiddle - React, Tailwind, and code Playground

HTML

<form id="searchform">
<input id="s" type="search" autocomplete="off" name="s" value="">
<div id="search-submit" class="input-group-addon">
    <i>SUBMIT</i>
</div>
</form>

CSS

#search-submit {
    padding: 5px;
    background-color: #CCC;
    margin: 20px;
    cursor: pointer;
}

JavaScript

$("#search-submit").on("mousedown", function(event) {
    event.preventDefault();
    console.log ("Form Submit");
});

$("#s").on("blur", function () {
    console.log ("Blur"); 
});