title: jQuery fullcalendar custom event
body: <p>I was wondering how to apply a custom render to a event... I want to be able to prepend the "patient" name of a practice agenda... </p>
  
  <pre><code>eventRender: function(event, element) {         
      console.log(element[0]);
  }
  </code></pre>
  
  <p>This currently shows the HTML output in the console, but I don't know how can I access it (in a pretty jQuery manner) in order to manipulate the data within.</p>
  
  <p>The output of the console dump is</p>
  
  <pre><code>&lt;div class="fc-event fc-event-vert fc-corner-top fc-corner-bottom dr1" style="position: absolute; z-index: 8; top: 104px; left: 403px; width: 155.7px; height: 40px; "&gt;
    &lt;a&gt;
      &lt;span class="fc-event-bg"&gt;
      &lt;span class="fc-event-time"&gt;10:30 - 11:30&lt;/span&gt;
      &lt;span class="fc-event-title"&gt;Primera vez que viene&lt;/span&gt;
    &lt;/a&gt;
    &lt;div class="ui-resizable-handle ui-resizable-s"&gt;=&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>