title: Using .on() and e.stopPropagation() on dynamic elements
body: <p>I have been experimenting with capturing click events outside of elements using <code>stopPropagation()</code>. </p>
  
  <pre><code>$(".container").children().on('click',function(e){
    e.stopPropagation();    
  });
  $(".container").on("click",function(){
    alert("outside the box?");    
  })​
  </code></pre>
  
  <p><a href="http://jsfiddle.net/2YNbp/" rel="noreferrer">Here is a jsFiddle set up to demonstrate it functioning</a>. An alert should fire when you click anywhere outside of the white box.</p>
  
  <p>Now, I am trying to have the same principle applied to dynamically created elements. As far as I understand, the <code>on()</code> method of event assignment in jQuery should allow this to function without changing the script.</p>
  
  <p><a href="http://jsfiddle.net/GsLtN/1/" rel="noreferrer">Here is a second jsFiddle</a> where you must first click a link to create the elements. Once you have done this, the theory is that the same script will work, but it does not. What am I missing about this method?</p>