title: fullCalendar wont load title on document.ready
body: <p>I have a fullCalendar on my site which should load the month when the page is loaded up, but for some reason the month's title wont load until a month selection button is pressed.</p>
  
  <p>I'm probably overlooking something simple, could anyone have a look at tell me where I'm going wrong.</p>
  
  <p>Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
  
    $(".calendar").fullCalendar({
      defaultDate: new Date(),
      editable: false,
      firstDay: 1,
      timezone: 'local',
      header: {
        left: "",
        center: "prev, title, next",
        right: ""
      },
      defaultView: 'month',
      viewDisplay: function(view) {
  
      },
      columnFormat: {
        month: 'dddd',
        week: 'dddd D/M',
        day: 'dddd D/M'
      },
      allDayDefault: false,
      eventSources: [
  
        // your event source
        {
  
          url: 'https://www.burtonstreetcrm.co.uk/scripts/booking_session_calendar.php', // use the `url` property
          textColor: 'white' // an option!
        }
        // any other sources...
      ],
  
      eventOrder: "lookup_building",
      // Convert the allDay from string to boolean
      eventRender: function(event, element, view) {
  
        // end hide dates //
  
        if (event.allDay === 'true') {
          event.allDay = true;
        } else {
          event.allDay = false;
        }
  
  
  
      },
  
      eventClick: function(event) {
        if (event.id) {}
  
      },
      selectable: true,
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css" /&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"&gt;&lt;/script&gt;
  &lt;div id="calendar" class="calendar"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>