JSFiddle - React, Tailwind, and code Playground

HTML

<button class="clickMe">Click me!</button>
<div class="hoverTrigger"></div>

CSS

.hoverTrigger{width:100px;height:100px;background:#eee;float:left;}

JavaScript

$(document).ready(function(){
    $(".clickMe").click(function(){
        $(".hoverTrigger").trigger('clickme');
    });
    
    $(".hoverTrigger").mouseover(function(){
        alert("mouseover");
    });
});