JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.4.3.js" type="text/javascript"></script>
<ul style="border:red solid 1px;">
    <li style="padding:10px; border:blue solid 1px;">
        <p style="border:green solid 1px;"><a href="#">link</a></p>
    </li>
    <li style="padding:10px; border:blue solid 1px;">
        <p style="border:green solid 1px;">no link</p>
    </li>
</ul>

JavaScript

$('a').live("click", function(e) {
    alert("link");
    e.stopPropagation()
});
$('ul').live("click", function(e) {
    alert("ul");
});
$('ul li').live("click", function(e) {
    alert("li");
});