title: fullcalendar get event details on event click
body: <p>I created a calendar using fullcalender all the events (tasks) are displaying on it.
  Now i want to open a form which display the event's details, how can i taking the event details by clicking on it?
  my code:</p>
  
  <pre><code>&lt;script&gt;
  
      $(document).ready(function () {
  
  
  
          $('#calendar').fullCalendar({
              header: {
                  left: 'prev,next today',
                  center: 'title',
                  right: 'month,agendaWeek,agendaDay'
              },
              defaultDate: '2014-09-12',
              editable: true,
              eventLimit: true, // allow "more" link when too many events
              events: [
  
                  {
                      title: 'Meeting',
                      start: '2014-09-12T10:30:00',
                      end: '2014-09-12T12:30:00'
                  }
              ]
          });
  
      });
  
  &lt;/script&gt;
  &lt;style&gt;
  
  body {
      margin-top: 40px;
      text-align: center;
      font-size: 13px;
      font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  }
  
  #calendar {
      width: 900px;
      margin: 0 auto;
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id='calendar'&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>