Test Case Boilerplate

Fork this way...

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>http://bugs.jquery.com/ticket/10760</title>
</head>
<body>
<div id="jQueryTabs">
    <ul>
        <li><a href="#jQueryTabTestA" class="jQueryTab">Test A</a></li>
        <li><a href="#jQueryTabTestB" class="jQueryTab">Test B</a></li>
        <li><a href="#jQueryTabTestC" class="jQueryTab">Test C</a></li>
    </ul>
    <div id="jQueryTabTestA">
        Test A
    </div>
    <div id="jQueryTabTestB">
        Test B
    </div>
    <div id="jQueryTabTestC">
        Test C
    </div>
</div>

</body>

JavaScript

$(function() {
    $('#jQueryTabs').tabs()
});

$('#jQueryTabs ul li a').live('click', function() {
    alert('Live Event');
});

$(document).on('click', '#jQueryTabs ul li a', function() {
    alert('On Event');
});

$('#jQueryTabs ul li a').click(function() {
    alert('Click Event');
});