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

$('.draggable input').click(function() {
    $(this).focus();
});

The input field is now editable, and you can still drag the whole div from the input field. JSFiddle.