title: FullCalendar giving error: Uncaught TypeError: $(...).fullCalendar is not a function
body: <p>I am trying to incorporate fullcalendar into my asp.net website but i keep getting this error.</p>
  
  <pre><code>Uncaught TypeError: $(...).fullCalendar is not a function
  </code></pre>
  
  <p>I've looked through the other threads on this error and tried using the downloaded zip file of full calendar and even replaced the script lines with website allocated references.</p>
  
  <p>its giving me the error where i call <code>$('#calendar').fullCalendar({</code> in the below code</p>
  
  <p>This is my code : </p>
  
  <pre><code>    &lt;link href='../fullcalendar/fullcalendar.css' rel='stylesheet' /&gt;
  &lt;link href='../fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' /&gt;
  &lt;script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'&gt;&lt;/script&gt;
  &lt;script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"&gt;&lt;/script&gt;
  &lt;script src='http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'&gt;&lt;/script&gt;
  
  &lt;script&gt;
  
      $(document).ready(function () {
  
          $('#calendar').fullCalendar({
              defaultDate: '2015-02-12',
              editable: true,
              eventLimit: true, // allow "more" link when too many events
              events: [
              {
                  title: 'All Day Event',
                  start: '2015-02-01'
              }
  </code></pre>
  
  <p>and where i call it :</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-lg-12"&gt;
              &lt;div id='calendar'&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be much appreciated.</p>