title: Click handler for div doesn't work for JQuery full calendar
body: <p>This is my <code>handler</code>:</p>
  
  <pre><code>$("div.fc-content").on('click', function (e) {
          var id = $(this).data('id');
          $.ajax({
              url: '/VacationRequest/Edit/' + id,
              cache: false
          }).done(function (data) {
              $("#edit-id").val(data.Id);
              $("#startDate-edit").val(data.startDate);
              $("#endDate-edit").val(data.endDate);
              $("#comment-edit").val(data.comment);
              $("#vacationTypes-edit").val(data.vacationType);
              $('#edit-vacation-modal-window').modal('show');
          });
      });
  </code></pre>
  
  <p>And this is a part of <code>Jquery</code> full calendar initialization:</p>
  
  <pre><code>function InitCalendar() {
      $('#calendar').fullCalendar({
          events: {
              url: '/vacation/SchedulesGet',
              type: 'POST',
              data: {
                  title: 'title',                      
                  id : 'id',
                  start: new Date('start'),
                  end: new Date('end'),
              },
              error: function () {
                  alert('there was an error while fetching events!');
              },
              color: 'yellow',
              textColor: 'black'
          },
          eventRender: function (event, element) {
              $($(element[0]).find('div.fc-content')[0]).attr('data-id', event.id);
          },
  </code></pre>
  
  <p>This <code>$("div.fc-content")</code> block is exist (I found it in js console). But When I'm trying to click on it happens nothing. Can you explain me what I'm doing wrong?</p>