title: Send fullcalendar start and end date via ajax after selection
body: <p>I need to send the start and end dates via ajax to the server to save them to the database. I am trying to do an ajax call after the unselect method by the ajax call does not fire. I am not sure what the problem is. Please help.</p>
  
  <pre><code>$('#calendar').fullCalendar({
  header: {
      left: 'prev,next today',
      center: 'title',
      right: ''
  },
  defaultDate: '&lt;?php echo date("Y-m-d") ?&gt;',
  defaultView: 'agendaWeek',
  selectable: true,
  selectHelper: true,
  select: function(start, end) {
      //var title = prompt('Event Title:');
      var title = $("#gym_mbr_name").val();
      var eventData;
      if (title) {
          eventData = { title: title, start: start, end: end };
          var calendar_datetime = $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true                   
      }
  
      $('#calendar').fullCalendar('unselect');
  
      $.ajax({                                                                                            
          url: '&lt;?php echo BASE_URL; ?&gt;ajax/add_membership_schedule.php',
          type: 'POST',
          data: { start: start, end: end }, 
          beforeSend: function(){ },
          complete: function(){ }
      }).done(function(resp){
          alert(resp);
      });
  
  },
  editable: true,
  eventLimit: true, // allow "more" link when too many events
  events: []
  </code></pre>
  
  <p>});</p>
  
  <p>When I try to alert the resp, it does not give any output, in fact the ajax call does not fire itself. Please help.</p>