Używanie .on () i e.stopPropagation () na elementach dynamicznych

Eksperymentowałem z przechwytywaniem zdarzeń kliknięć poza elementami za pomocąstopPropagation().

$(".container").children().on('click',function(e){
  e.stopPropagation();    
});
$(".container").on("click",function(){
  alert("outside the box?");    
})​

Oto zestaw jsFiddle pokazujący jego działanie. Alert powinien zostać uruchomiony po kliknięciu w dowolnym miejscu poza białym polem.

Teraz próbuję zastosować tę samą zasadę do dynamicznie tworzonych elementów. Z tego co rozumiemon() metoda przypisywania zdarzeń w jQuery powinna umożliwiać jej działanie bez zmiany skryptu.

Oto drugi jsFiddle gdzie musisz najpierw kliknąć link, aby utworzyć elementy. Kiedy już to zrobisz, teoria jest taka, że ​​ten sam skrypt zadziała, ale tak nie jest. Czego mi brakuje w tej metodzie?

questionAnswers(5)

yourAnswerToTheQuestion