This is my code so far:

1. var isElemOverDiv = function(draggedItem, dropArea) {
   // Prep coords for our two elements
   var a = $(draggedItem).offset();
   a.right = $(draggedItem).outerWidth() + a.left;
   a.bottom = $(draggedItem).outerHeight() + a.top;
   
   var b = $(dropArea).offset();
   a.right = $(dropArea).outerWidth() + b.left;
   a.bottom = $(dropArea).outerHeight() + b.top;
   
   // Compare
   if (a.left >= b.left
   && a.top >= b.top
   && a.right <= b.right
   && a.bottom <= b.bottom) { return true; }
   return false;
   }
   
   eventDragStop: function(event, jsEvent, ui, view) {
   if (isElemOverDiv(ui, $('div.event-delete'))) {
   calendar.fullCalendar('removeEvents', event.id);
   }
   }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

With the code in this state, wherever I drag a calendar event to, it freezes in place until a new event is created. I'd like it to instead, delete the event if it's dragged over the div "event-delete".

Can anyone see where I'm going wrong? Thanks!