JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.4.4rc1.min.js"></script>

<div id="outer" style="width:100px;height:100px;border:1px solid" class="test">
    <div id="inner" style="margin:25px;width:50px;height:50px;border:1px solid red" class="test"
    ></div>
</div>

JavaScript

$('div.test').live("mouseleave", function () {
    console.log('mouseleave', $(this).attr('id'));    
});


$('div.test').live("mouseenter", function () {
    console.log('mouseenter', $(this).attr('id'));
});