title: jquery parent child click event handling
body: <p>I have a table row with 2 columns that I add dynamically (below).</p>
  
  <pre><code>var lientry='&lt;tr id=\"'+kmlFeatureData.type+kmlFeatureData.id+'\"&gt;
  &lt;td&gt;blah blah&lt;/td&gt;
  &lt;td&gt;&lt;a class="msg_head"&gt;'+'click for more&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;';
  </code></pre>
  
  <p>I have a click handler for the first column id=...  which works fine, and I would like to have a second click handler for the second column class="msg_head", but when I try to catch it, it only calls the parent  handler.</p>
  
  <p>I have tried suggestions, such as stopping propagation, with no luck.</p>
  
  <pre><code>$(".msg_head a").click(function(e) {
      e.stopPropagation();
      alert('jquery msg_head click');
  });
  </code></pre>
  
  <p>Any suggestions?</p>