jquery swapping elements: element ID is changed but DOM is not updated
<p>sorry the issue title is kinda vague.</p>

<p>I think i can better explain it using the live exmaple: <a href="http://sumsy.com/temp/sorttest/" rel="nofollow">http://sumsy.com/temp/sorttest/</a></p>

<p>ADDED JS BIN link: <a href="http://jsbin.com/ibewar/4/edit" rel="nofollow">http://jsbin.com/ibewar/4/edit</a></p>

<p>What I want to do it, by clicking on "move down", it will swap the current div with the next div.</p>

<p>My approach is:
Set the div IDs from 0 to 3
Every time do swap/move down, its always the case that target div id = current div id + 1
after swap completes, reset the IDs again, from 0 to 3, to maintain the order.</p>

<p>The issue:
Try clicking "text A (move down)", it wraps with text B no problem.
Click on "text A (move down)" again, it should swap with C, because the id for A should be 2, and C is 3.
But the problem is, A swapped with B again.</p>

<p>Looks like DOM is not updated/refresh after the swap?</p>

<p>A is the second on the list, but somehow in html markup it is still showing up as the first.</p>

<p>Any help would be appreciated.</p>

<p>Thanks.</p>
