title: Full Calendar external event add class on ajax update
body: <p>I am using fullcalendar for a project. I want to show a tick mark such as (✓) using a css class when the external event dropped to calendar gets updated to the database. </p>
  
  <p>The drop function is working perfectly. Here is my function:</p>
  
  <pre><code>drop: function(date) {
          var originalEventObject = $(this).data('eventObject');
          var copiedEventObject   = $.extend({}, originalEventObject);
          copiedEventObject.start = date;
          copiedEventObject.allDay = allDay;
  
          $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
  
          $.ajax({
            type: "POST",
            data: { 
              id: copiedEventObject.id,
              task: {
                start_date: date,
                dropped: true
              }
            },
            url: "/tasks/ajax_update"
          }).done(function() {
            $("#calendar").fullCalendar("removeEvents");
            $("#calendar").fullCalendar("refetchEvents");
  
            //Problem here (not sure how to get the updated event to add a class)
            copiedEventObject.className = "fc-updated";   //Tried this but Not working
            $('#calendar').fullCalendar('updateEvent', copiedEventObject);  //Tried this but Not working
          });
  }
  </code></pre>
  
  <p>When the event gets updated to the database, I am not able to get the exact event which has been updated. Is there a way to identify the updated event and add a css class using jQuery to it?</p>
  
  <p>Thanks in advance.</p>