JAWS reads removal of DOM node within an `aria-live` region only in IE

Question

The live region is:

<div aria-live='assertive' id='abc'> </div>

In JavaScript, the first change I make is to

document.getElementById("abc").innerHTML="<span>Processing</span>";

Next, I make another change:

document.getElementById("abc").innerHTML="<span>Done</span>";

JAWS has no problem in Firefox and reads both "Processing" and "Done". But IE reads "Processing Removing Processing Done"

I understand that I am replacing a <span> with a new <span>. But how do I make JAWS ignore giving that update of removal?

Answer 1

The only way I have successfully defeated this bug in IE is to hide the element being deleted, add the new element, then later, remove the hidden element.