title: full calendar js wont render, shows only header buttons
body: <p>im using this <a href="http://fullcalendar.io/download/" rel="nofollow noreferrer">event calendar plugin</a> but no calendar is rendered except its header button and only a calendar is shown when I click on any of those header button (refer below image)</p>
  
  <p><a href="https://i.stack.imgur.com/xAq8A.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xAq8A.jpg" alt=""></a></p>
  
  <p>as you can see on my console, everything has been set correctly (linking script and stylesheet).</p>
  
  <p>declaration of scripts at the bottom part of the html (just to make sure the dom is loaded before the script calls)</p>
  
  <pre><code>&lt;!-- full calendar --&gt;
  &lt;script type="application/javascript" src="/core/plugins/fullcalendar/moment.js"&gt;&lt;/script&gt;
  &lt;script type="application/javascript" src="/core/plugins/fullcalendar/fullcalendar.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and its stylesheet at the top of the html page (inside the  tag)</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="/core/plugins/fullcalendar/fullcalendar.css" /&gt;
  </code></pre>
  
  <p>and then call it</p>
  
  <pre><code>//calendar
  $('#calendar').fullCalendar({
     header: {
              left: 'prev,next today',
              center: 'title',
              right: 'month,agendaWeek,agendaDay'
          },
          defaultDate: '2015-02-12',
          editable: true,
          eventLimit: true, // allow "more" link when too many events
          events: [
              {
                  title: 'All Day Event',
                  start: '2015-02-01'
              },
              {
                  title: 'Long Event',
                  start: '2015-02-07',
                  end: '2015-02-10'
              },
              {
                  id: 999,
                  title: 'Repeating Event',
                  start: '2015-02-09T16:00:00'
              },
              {
                  id: 999,
                  title: 'Repeating Event',
                  start: '2015-02-16T16:00:00'
              },
              {
                  title: 'Conference',
                  start: '2015-02-11',
                  end: '2015-02-13'
              },
              {
                  title: 'Meeting',
                  start: '2015-02-12T10:30:00',
                  end: '2015-02-12T12:30:00'
              },
              {
                  title: 'Lunch',
                  start: '2015-02-12T12:00:00'
              },
              {
                  title: 'Meeting',
                  start: '2015-02-12T14:30:00'
              },
              {
                  title: 'Happy Hour',
                  start: '2015-02-12T17:30:00'
              },
              {
                  title: 'Dinner',
                  start: '2015-02-12T20:00:00'
              },
              {
                  title: 'Birthday Party',
                  start: '2015-02-13T07:00:00'
              },
              {
                  title: 'Click for Google',
                  url: 'http://google.com/',
                  start: '2015-02-28'
              }
          ]
  
  });
  </code></pre>
  
  <p>but if i resize the window, it shows. any ideas, clues, help, suggestions, recommendation is greatly appreciated. Thank you!</p>