qTip on Clicking of FullCalendar Events

qTip on Clicking of FullCalendar Events

HTML

<link rel="stylesheet" href="http://arshaw.com/js/fullcalendar-1.5.3/fullcalendar/fullcalendar.css">
<script src="http://www.arshaw.com/js/fullcalendar-1.5.3/fullcalendar/fullcalendar.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.js"></script>
<link rel="stylesheet" href="http://craigsworks.com/projects/qtip2/packages/nightly/jquery.qtip.css">
<br><br><br>
<div id='myCalendar'></div>

JavaScript

$(document).ready(function () {
    var myEvents = [];
    var date = new Date();
    var y = date.getFullYear();
    var length = 12;

    for (var month = 1; month < length; month++) {
        var month = (month <= 9) ? '0' + month : month;
        var startdate = y + '-' + month + '-10';
        var enddate = y + '-0' + month + '-15';
        myEvents.push({
            title: 'event',
            start: startdate,
            //end: enddate,
            description: 'event Of ' + startdate,
            allDay: true
        });
    }
    
    $('#myCalendar').fullCalendar({
        events: myEvents,
        eventRender: function(event, element) {
            element.qtip({
               show: 'click',
               hide: { when: { event: 'unfocus' } },
               content: event.description
            });
        }
    });

});