JSFiddle - React, Tailwind, and code Playground

HTML

<p>When using jquery (edge) the counter triggers when moving over the inner yellow box, when using 1.5 the counter works as I expect and does not trigger.</p>
<div class="out">
    <p>Count mouse leave event</p>
    <div class="in">
        <p>mouse over here should not trigger the counter.</p>
    </div>
    <p>0</p>
</div>

CSS

div {
    margin: 20px;
    border:1px solid #000;
    background-color:#c3c;
    color: #fff;
}
div.in {
    width:60%;
    height:60%;
    background-color:#FFCC00;
    margin:10px auto;
}
p {
    line-height:1em;
    margin:0;
    padding:0;
}

JavaScript

var n = 0;
$(".out").live("mouseleave", function() {
    $("p:last", this).text(++n);
});