JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="text" name="email" />
</form>
<a href="#" id="link">Sample Link</a>

CSS

form input[name=email]:focus {
    background-color: yellow;    
}

JavaScript

$(document).ready(function () {
    $('#link').hover(function (){
        $('form input[name=email]').removeClass(':focus');        
    }, function (){
        $('form input[name=email]').addClass(':focus');        
    });
});