title: javascript stoppropagation doesn't work with ajax .load
body: <p>I used <code>.stopPropagataion()</code> to stop the bubbling in <code>&lt;li class="article"&gt;</code> when clicking on the <code>&lt;a&gt;</code> tag.    </p>
  
  <pre><code>$(document).ready(function(){
     $(".article a").click(function(e) {
          e.stopPropagation();
     });
  });
  </code></pre>
  
  <p>With this HTML:</p>
  
  <pre><code>&lt;li class="article" onlick="javascript:somefunction();"&gt;
     &lt;div id="div_id"&gt;
        &lt;a&gt;Some link&lt;/a&gt;
     &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Everything worked fine, but then I used <code>$('#div_id').load("div_html.html")</code> to load some content into the div dynamically. Now my <code>.stopPropagation()</code> doesn't stop the bubbling. Why isn't it working anymore?</p>