focus is not working after the blur event to the textbox in jquery

Question

while dragging the div, i need to remove the focus of the input and on dropping it, add focus. I have enclosed my code here.

$('.ui-draggable').mousedown(function(){ 
    $(this).find('input').blur();
    $(this).addClass('draggable');
}).mouseup(function(){ 
    $('.draggable').find('input').focus();
    $(this).removeClass('draggable');
});

Answer 1

I don't think you need to call 'blur', as the input will lose focus when you click the ui-draggable element. You should probably use the stop-event of draggable .

$('.ui-draggable').on( "dragstop", function( event, ui ) {
    $('yourinputselector').focus();
});