moving elements prevents event bubbling in IE

In most browsers when you click on the link both delegate listeners will fire and you will see both log lines output in your console. But in IE only the inner delegate listener will fire.

by hallettj

HTML

<div id="outer">
    <div id="inner">
        <a href="#" class="click-me">click me!</a>
    </div>
</div>

JavaScript

$('#outer').delegate('.click-me', 'click', function(event) {
    console.log('outer delegate');
    event.preventDefault();
});

$('#inner').delegate('.click-me', 'click', function(event) {
    console.log('inner delegate');
    $('#inner').remove();
    event.preventDefault();
});