fullcalendar добавление и удаление событий

Question

Я пытаюсь добавлять & удаление событий, просто нажав на них,
это работает, но если я изменю месяц, или добавить еще одно событие, не больше работает ..
Что-то не работает должным образом:

$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,basicWeek,basicDay' 
    }, 
    defaultDate: '2014-11-07', 
    editable: true, 
    eventLimit: true, // allow "more" link when too many events 
    events: [{ 
     id: 'All Day Event', 
     title: 'All Day Event', 
     start: '2014-11-03' 
    }, { 
     id: 'popo', 
     title: 'popo', 
     start: '2014-11-04T10:30:00', 
     end: '2014-11-04T12:30:00', 
     description: 'This is a cool event', 
     color: 'rgb(142, 67, 163)', 
     textColor: 'white' 
    }, { 
     id: 'popo2', 
     title: 'popo2', 
     //url: 'http://google.com/', 
     start: '2014-11-05' 
    }] 
}); 

$('.fc-day').click(function(){ 
    var myPrompt = prompt(''); 
    /*$('#calendar').fullCalendar('addEventSource', [{ 
     id: myPrompt, 
     title: myPrompt, 
     start: $(this).attr('data-date') 
    }]);*/ 

    var newEvent = { 
     id: myPrompt, 
     title: myPrompt, 
     start: $(this).attr('data-date') 
    }; 
    $('#calendar').fullCalendar('renderEvent', newEvent , 'stick'); 

}); 

$('.fc-content').click(function(){ 
    var gugu = $(this).children('.fc-title').html(); 
    $('#calendar').fullCalendar('removeEvents', gugu); 
}); 

Что я делаю неправильно?

Demo HERE

Answer 1

Вместо $('.fc-content').click(function(){ использование $('#calendar').on('click','.fc-content',function(){

Так это будет работать на новой dinamicaly созданных событий тоже.