title: full calendar not displaying when loaded (with backbone)
body: <p>I am using the jQuery plugin <a href="http://arshaw.com/fullcalendar/">full calendar</a> in conjunction with backbone.js and having an issue where it does not display properly when first loading. </p>
  
  <p>This is my render function for the backbone view containing the calendar:</p>
  
  <pre><code>render: function() {
  
      var that = this;
  
      // DEBUG:
      // console.log({entries: data});
  
      this.$el.html(this.template(this.serialize()));
  
      this.$('#calendar').fullCalendar({
          header: {
              left: 'prev,next today',
              center: 'title',
              right: 'month,agendaWeek,agendaDay'
          },
  
          height: that.$el.parent().height()
      });
  
              // prints undefined
      console.log(this.$('#calendar').fullCalendar('getView').title);
  
      window.setTimeout(function() {
          this.$('#calendar').fullCalendar('changeView','agendaWeek');
      }, 500);
  
  
      return this;
  }
  </code></pre>
  
  <p>You can see I have a set timeout for 500 ms included. When I delay that 500 ms, and then change the view to agendaWeek, it will display. However, if I do not delay, the calendar does not show. There are no errors printed in either case.</p>
  
  <p>I am at a loss of what to try here or what might be going wrong. Is there a callback for the creation of the calendar that I am missing somewhere in the docs?</p>
  
  <p>Thanks</p>
  
  <p>EDIT: could it be that the .html() funciton isn't complete and causing an issue?</p>