Draggable and Clickable input element using jquery

Question

I have an input element inside a draggable div. My code should do the following things:

• When I drag my input element, entire draggable div should be dragged. (

Answer 1

Really old question but I have a slightly different solution, so answering here.

Disable draggable for input element by setting cancel attribute in the draggable initialiser. I think in most situations it is a small compromise. But YMMV.

$(".card").draggable({
     cancel: "input"
});