title: fullcalendar is not a function
body: <p>I implemented fullcalender in my homepage and it doesn't seem to load in.
  In console I receive the following error: </p>
  
  <blockquote>
    <p>Uncaught TypeError: $(...).fullCalendar is not a function(anonymous
    function) @ team.php:69n.Callbacks.j @
    jquery-1.11.2.js:3054n.Callbacks.k.fireWith @
    jquery-1.11.2.js:3200n.extend.ready @ jquery-1.11.2.js:3397I @
    jquery-1.11.2.js:3423</p>
  </blockquote>
  
  <p>Here is the html code:</p>
  
  <pre><code>&lt;div id="kalender" class="container"&gt;
      &lt;h2&gt;Kalender&lt;/h2&gt;
      &lt;div id='calendar'&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The following code is in my head selection:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link rel='stylesheet' href='css/fullcalendar.css' /&gt;
  &lt;link rel='stylesheet' href='css/jquery-ui.theme.min.css' /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src='js/moment.min.js'&gt;&lt;/script&gt;
  &lt;script src='js/fullcalendar.js'&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/fullcalendar.min.js"&gt;&lt;/script&gt;
  &lt;script src='js/lang/nl.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='js/gcal.js'&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And this jquery script should do the job(ofcourse with my key and id):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;
  $(document).ready(function() {
   
      $('#calendar').fullCalendar({
    header: {
          center: 'month,week' // buttons for switching between views
      },
      views: {
          week: {
              type: 'agenda',
              duration: { days: 7 },
              buttonText: 'week'
          }
      },
          lang: 'nl',
    googleCalendarApiKey: '&lt;MY KEY&gt;',
          events: {
              googleCalendarId: '&lt;MY ID&gt;@group.calendar.google.com'
          }
      })
  });
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I used the code on another page and it worked like a charm, unfortunately it doesn't work on this page, and I can't seem to get around the error.</p>