Must remove clone element in html5 drag and drop

I have a div element that I can drag and drop, but want to drop it on a specific div element. Here, I need to remove the dragged cloned div element while dragging, and also the original moved element should not change.

I used a dedicated helper div when dragging. Here's how I can remove the cloned draggable item?

I am using the below code,

dragStart: function(event){
    event.preventDefault();
},
drag: function(event){ 
    event.preventDefault();
    var self = this; 
    var posi_left = event.originalEvent.clientX;
    var posi_right = event.originalEvent.clientY;
    $('#helperdiv').css({'left': posi_left, 'top': posi_right });
},

drop: function(event) {
    event.preventDefault();
}

      

        
        
        
      

    

JSBIN LINK: JSBIN DEMO