Test Case Boilerplate

Fork this way...

HTML

<html>
<body>
    <div id="test_box">
     <a href="#" class="test1">Test 1</a><br><br>
     <a href="#" class="test2">Test 2</a>
     </div>
</body>
</html>

JavaScript

$("#test_box").delegate("a.test1", "mouseenter", function() { console.log('mouseenter'); });
$("#test_box").delegate("a.test1", "mouseleave", function() { console.log('mouseleave'); });
$("#test_box").delegate("a.test2", "mouseover", function() { console.log('mouseover'); });
$("#test_box").delegate("a.test2", "mouseout", function() { console.log('mouseout'); });