title: fullcalendar viewRender Not working for me
body: <p>Hi guys i'm using arshaw fullcalendar its a great plugin and i would like to get notified when the view changes in order to add a class to a span. i tried</p>
  
  <pre><code>    $('#calendar').fullCalendar({
          viewRender: function(view,element){alert("aha");},
              defaultView:'basicDay',
              theme: true,
              header:{ 
                      right: 'month basicWeek basicDay',
                      left: 'prev,next today',
                      center: 'title'
  
              },
              loading: function(bool){
                      if(bool){
                      $("body").addClass("loading"); 
              }else{
                      $("body").removeClass("loading");
                      }
              },
              lazyFetching: true,
              minTime: 8,
              maxTime: 17,
              allDaySlot: false,
              eventSources:[
  
              {
                      url: '/apptCalendar/appt?q=1',
                      color: '#FAF29B',
                      textColor: 'black',
                      allDayDefault: false
              },
              {
                      url: '/apptCalendar/appt?q=2',
                      color: '#4e394d1',
                      textColor: '#FAF29B',
                      allDayDefault: false
              },
                              {
                      url: '/apptCalendar/appt?q=3',
                      color: '#38df64',
                      textColor: 'black',
                      allDayDefault: false
              }
  
  
      ],
      eventRender: function(event, element){
          element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());
              element.qtip({
                      content: {text:"&lt;script&gt;$('.qtip .addTitleInfo').addClass('hidden'); $(document).ready(function(){ $('#eventApptID"+event.id+"').each(function(){  $('#eventApptID"+event.id+"').val('"+event.appStatusID+"'); });  });&lt;/script&gt;&lt;div&gt;&lt;h6&gt;Therapy Type: "+event.therapyType+"&lt;/h6&gt;&lt;/div&gt;&lt;a href='/eval/new-eval/"+event.pat_id+"?appID="+event.thirdPAppID+"'"+"&gt;&lt;i class='icon-plus-sign'&gt;&lt;/i&gt; New Eval&lt;/a&gt;&lt;br&gt;\
                      &lt;a href='/note/new-note/"+event.pat_id+"?appID="+event.thirdPAppID+"'"+"&gt;&lt;i class='icon-plus-sign'&gt;&lt;/i&gt; New Note&lt;/a&gt;\
                      &lt;div&gt;DOB: "+event.dob+"&lt;/div&gt;&lt;div&gt;SSN: "+event.l4SSN+"&lt;/div&gt;&lt;div&gt;Appointment Status:&lt;/div&gt;&lt;select id='eventApptID"+event.id+"' class='input-large' onChange='updateApptStatus(this.value,"+event.id+","+event.pat_id+")'&gt;"+items+"&lt;/select&gt;&lt;div&gt;Comments: "+event.description+"&lt;/div&gt;",
                      title: {text: event.title},
                      button: 'Close'},
                      show: {
                              solo: true
                      },
                      style: {
                              classes: 'qtip-bootstrap',
                              width: 300,
                              height: 300
                      },
                      hide: {
                              event: 'unfocus',
                      },
                      position:{
                              my: 'bottom center',
                              at: 'top center',
                              target: 'event',
                              viewport: $('#calendar')
                      }
              });
      }
  </code></pre>
  
  <p>});</p>
  
  <p>and that did not prompt an alert when the view changed. i would like it to. Can anyone help me out? </p>
  
  <p>Currently i have tried other methods of notification but have not been able to get it to work. Please let me know what i need to do to get this done.</p>