Overlapping when dynamically changing colspan

[noctivityinc]

Please take a look at this fiddle:

http://jsfiddle.net/q5jh3spc/9/

Click on the red box in the upper right and then click on the red box that appears in the upper right again. You will see the first time, when we set the clicked element in the third column to a colspan=3, everything works fine, but when you click it again, everything overlaps. If you then try to drag it, you get a replace error. However, if you click on the FIRST red box in the row everything goes back to normal.

Anyone have ANY clue how to fix this problem?