JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
</div>
<div id="another-element">
</div>
<div id="console">
</div>

CSS

#main {
    width: 200px;
    height: 200px;  
    background-color: blue;
}

JavaScript

$("#another-element").live("mouseout", function(e) {
   // don't do anything (obviously, in my real code I want to do something here)
});
$("#main").live("mouseenter mouseleave", function(e) {
    $("#console").append(e.type + "<br>");
});