jQuery Draggable Input Elements

Question

I am trying to make form elements draggable using jQuery UI. For example, buttons, checkboxes, textfields, etc. So far I have had no luck. Do you have any ideas how to accomplish this?

Answer 1

Well input elements need to be editable, so making them draggable would make them uneditable.

Wrap them in a <span> or a <div>, and I strongly suggest you use a handle.

Answer 2

I'm not sure if this would be what you could select div's around the controls for dragging: http://jsfiddle.net/sDD5x/