title: Remove event after adding it directly to fullCalender
body: <p>I want to remove event after adding it directly to <a href="http://arshaw.com/fullcalendar/docs/" rel="nofollow">full calender</a>, when drop the event I add the id to the event object and when click on the event I want to remove the event. I make alert for the id and it alerts correctly but the event doesn't removed event the ajax code is executed and the event is deleted from server side.</p>
  
  <p><strong>The same code works correctly when adding the event and refresh the page then remove the event.</strong></p>
  
  <pre><code> eventClick: function(event, element) {
  
              var current = $(this);
  
              if(confirm('Are you sure from removing the event?')){
                  jQuery.ajax({
                      url: url+"delCalEvent",
                      type: "POST",
                      dataType: 'JSON',
                      data:{
                          'eventId':event.id
                      },
                      success:function(result){
                          if(result  == "1"){
  
                         //what should I do here to remove the event without refreshing the page
                        $('#calendar').fullCalendar('removeEvents', event.id); 
  
  
                          }
  
                      },
                      error: function (request, status, error) {  
                          alert('Error on deleting the event ');
                          revertFunc();
                      }
                  });
  
  
              } 
  
          }
  </code></pre>