title: jquery: the use of e.stopPropagation() on dynamically added html not working
body: <p>I have this html tags that I criated with a click event.<br>
  After this via jquery I am adding to it dynamically another tag (span).<br>
  I want that the span will not execute the alert, how?<br>
  (if I click on the "I am new Text" - <strong>I want nothing to happened</strong> )<br>
  you can test it here: <a href="http://jsfiddle.net/r97AT/16/" rel="nofollow">http://jsfiddle.net/r97AT/16/</a><br>
  what I did here not working:</p>
  
  <pre><code>&lt;b onclick="alert('q1')" id="q1" class="test"&gt;test&lt;/b&gt;
  &lt;br&gt;
  &lt;b onclick="alert('q2')" id="q2" class="test"&gt;test&lt;/b&gt;
  &lt;br&gt;
  &lt;b onclick="alert('q3')" id="q3" class="test"&gt;test&lt;/b&gt;
  
  $(document).ready(function () {
      $(".test").each(function () {
          $(this).append(function () {
              return $('&lt;span id="newChild_'+$(this).attr('id')+'" style="color:red"&gt; I am new Text&lt;/div&gt;');
          });
          $('#newChild_' + $(this).attr('id')).live('click', function (e) {
              e.stopPropagation();
          });
  
      });
  });
  </code></pre>