Click Propagation

by bizamajig

HTML

<ul>
    <li class="parent">blah
        <div id="child1" class="child2">Hey</div>
    </li>
</ul>

JavaScript

$(document).on("click", ".parent", function () {
     console.dir("parent clicked");
    $('.child1').trigger('click');
 });
 $(document).on("click", "#child1", function (e) {
     console.dir("child1 clicked");
 //    e.stopPropagation();
 });
 $(document).on("click", ".child2", function (e) {
     console.dir("child2 clicked");
 //    e.stopPropagation();
 });