The draggable effect do not show the second time

Question

I am using the jQuery UI to get a UI effect something like drag element to another a element and replace 'width','height','position' width each other.

See this fiddle.

I think things just became really weird to me:

When first drag an element,it works just fine, but when the second time I am dragging the same element, the things just happened wired: draggable effect seems no long work,but when drop all the code in the callback function will still run.

Try it yourself,and you will find out what I am talking about.

I have debugged this all this night, help me please please! I really really do not what's wrong with the code!

Answer 1

run though all the jquery ui APi doc, now simply use "helper : 'clone'" in the draggable method will solve all the problem.see the fiddle