After removing an element, IE does not fire other events, other browsers do
<p>I have an event attached to a div element that will remove the element onclick. I also have a jQuery live event that I am attaching to the same element like so,</p>

<pre><code>$("#divEle").live('click', function() {
    alert($(this).html());
});
</code></pre>

<p>In FF, this event executes. But in IE8 the first event removes the element and the live event never takes place. I assume this has to do with the way the browsers bubble the events, but I need to find a way to get both of these events to take place.</p>

<p>Here is a small example of the code, and it would not matter which event is first. I tried both. I assume this is because live requires propagation, and click does not.</p>

<pre><code>$(function() {
    $("#myele").live('click', function() {
        alert('works in ff');
    });

    $("#myele").click(function() {
         $("#myele").remove();
    });
});
</code></pre>

<p>Thanks for any help!<br />Metropolis</p>

<p><strong>UPDATE</strong></p>

<p>Sorry I left something out. The element is getting removed using a plugin function. So I need the functions to work together separately.</p>
