title: event bubbling in jQuery
body: <p>I'm not sure how should I resolve the following event bubbling situation in jQuery.</p>
  
  <p>I have a link inside a list element (li), which has an on click event. I would like to put an action on li element, which would call link event (click) and call action on li if user clicks a link inside the list element (I always want to trigger click event on li when li or anything inside is clicked). </p>
  
  <p>How should I accomplish this?</p>
  
  <p>Here's the HTML code:</p>
  
  <pre><code>&lt;li&gt;
     &lt;img src="images/img.png" /&gt;
     &lt;a href="/remote/path" data-remote="true"&gt;Link&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>and jQuery code (which obviosly won't work):</p>
  
  <pre><code>$("li a").click(function(e) {
    e.preventBubble = true;
  });
  
  $("li").click(function() {
    $el = $(this).find('a');
    $el.click();
    $(this).addClass('active');
  });
  </code></pre>
  
  <p>What is the most elegant solution to this?</p>
  
  <p>Thanks for help!</p>