Add & Delete elements in the middle of DOM tree gives incorrect results

[dilshan5]

This is part of my Original DOM tree,

<div id="buttonContainer">
    <button id="addNodeBtn">Add node</button>
    <button id="setAttrBtn">Add attribute</button>
    <button id="setContentBtn">Change content</button>
    <button id="removeNodBtn">Remove node</button>
</div>

When I remove button(Id=setAttrBtn) it recognize as follows,

• A deletion of button(id="removeNodBtn")
• All the attributes of button( id="setContentBtn") has replaced the button(Id=setAttrBtn)

Note: Same behavior occur when i add a new element in the middle of the button sets.

Please look into this issue.