JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<form id="example">
  <input type="text" name="search">
  <input type="submit" value="Search">
</form>
<script>
  $(document).ready(function() {

    $('input').blur(function() {
        $('input[type="submit"]').removeClass("focus")
      })
      .focus(function() {
        $('input[type="submit"]').addClass("focus");
      });
  });
</script>

CSS

.focus {
  border-style: solid;
  border-color: red;
}