title: Fullcalendar eventSources not working
body: <blockquote>
    <p><strong>SOLVED</strong></p>
  </blockquote>
  
  <p>This is my whole ajax response:</p>
  
  <pre><code>{
      "data": [
          {
              "id": 3,
              "calendar_id": 1,
              "title": "asdasd",
              "start": "2017-06-20 14:06:00",
              "end": "2017-06-20 16:06:00",
              "allDay": 0,
              "className": "bg-green",
              "deleted_at": null
          }
      ]
  }
  </code></pre>
  
  <p>Definition:</p>
  
  <pre><code>$('#calendar').fullCalendar({
      slotDuration: //..
      minTime: //...
      maxTime: //..
      defaultView: //...
      defaultDate: //..
      header: {
          //...
      },
      eventSources: [
           {
              url: '/api/calendar_events/' + id,
              type: 'GET',
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              },
              error: function () {
                  alert('there was an error while fetching events!');
              }
          }
      ],
      eventLimit: //..
      selectable: //..
  });
  </code></pre>
  
  <p>What is wrong in EventSources? The fullcalendar is rendered, but no events are displayed.</p>
  
  <p><strong>Note: I want to use eventSources not events because there can be more than one sources.</strong></p>