How to reset draggable and droppable function on click jQuery UI

Question

I want to reset draggable function by on click using the code below.

$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
  drop: function() {
    alert( "dropped" );
  }
});

https://codepen.io/Shahadat321/pen/PVjJOW