停止传播到附加元素

Question

更新：

我不明白为什么这个stopPropagation不会阻止冒泡。

http://jsfiddle.net/E6NS5/6/

$('#content').click(function () {
    alert('prop failed');
});


$('#wrapper').on('click', '.button', function (e) {
    e.stopPropagation();
    alert('test clicked');

});

HTML

<div id="wrapper">
    <div id="content">
        <div id="test" class="button">Top Button</div>
    </div>
</div>