title: FullCalendar - how can I maintain a class from a dragged external event source
body: <p>I am using fullCalendar and jquery.  I have started by using the "Dragging External Events onto the Calendar" Demo. </p>
  
  <p>Each External "source" has an additional class so that each source has a different color;</p>
  
  <pre><code>&lt;style&gt;
  .team1 {background: #3366CC; color:#000;}
  .team2 {background: #CC6633; color:#000;}
  .team3 {background: #CCA833; color:#000;}
  .team4 {background: #CC997F; color:#000;}
  .team5 {background: #433521; color:#000;}
  &lt;/style&gt;
  &lt;div id='external-events'&gt;
     &lt;h4&gt;Teams&lt;/h4&gt;
     &lt;div class='external-event team1'&gt;Doug&lt;/div&gt;
     &lt;div class='external-event team2'&gt;Al&lt;/div&gt;
     &lt;div class='external-event team3'&gt;Rances&lt;/div&gt;
     &lt;div class='external-event team4'&gt;Dave&lt;/div&gt;
     &lt;div class='external-event team5'&gt;Jennifer&lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>I have modified the Drop callback to try to get this additional class and then add it to the newly copied event object.</p>
  
  <p>To save space here is only the drop</p>
  
  <pre><code> drop: function(date, allDay) { // this function is called when something is dropped
  
              // retrieve the dropped element's stored Event Object
              var originalEventObject = $(this).data('eventObject');
  
              // this checks to see the the object being dragged has a "teamx" class associated to it
              var valueArray = ($(this).attr('class')).split(" ");
  /* here find team class */
          for(var i=0; i&lt;valueArray.length; i++){
                if (String(valueArray[i]).substring(0,5) == 'team'){
                 var thisClass = valueArray[i];
                }
              }
              // we need to copy it, so that multiple events don't have a reference to the same object
              var copiedEventObject = $.extend({}, originalEventObject);
  
              // assign it the date that was reported
              copiedEventObject.start = date;
              copiedEventObject.allDay = allDay;
  /* attempt to apply team class */
  $(copiedEventObject).addClass(thisClass);
              // render the event on the calendar
              // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
              $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
  
          // is the "remove after drop" checkbox checked?
              if ($('#drop-remove').is(':checked')) {
                  // if so, remove the element from the "Draggable Events" list
                  $(this).remove();
              }
  
          },
  </code></pre>
  
  <p>The problem is the class isn't applying at all.  If I alert(thisClass) it is the correct class name but the new event has the "default" style of the calendar and there is no visual difference between the teams.</p>
  
  <p>Any suggestion are greatly appreciated.
  Lance</p>