fullCalendar - passing out event title to div

fullCalendar - passing out event title to div

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>
<div id="month"></div>

<div id="bdr">
        <div id='calendar'></div>
</div>

CSS

#bdr{border:3px solid #344443;padding:2px}

JavaScript

$(document).ready(function() {

      var date = new Date();
      var d = date.getDate();
      var m = date.getMonth();
      var y = date.getFullYear();

    var events_array = [
            {
            title: 'All Day Event',
            start: new Date(2012, 7, 3)},
        {
            title: 'Long Event',
            start: new Date(2012, 7, 1)}
    ]
    $('#calendar').fullCalendar({
            header: {
            left: 'prev,next today',
            center: 'title',
            right: 'title,month,agendaWeek,agendaDay'
        },
         viewDisplay: function (element) {
    $("#month").text(element.title)
    },
        editable: true,
        events: events_array
    });

    function custom_sort(a, b) {
        return new Date(a.start).getTime() - new Date(b.start).getTime();
    }

    events_array.sort(custom_sort);
    
    $('#calendar').fullCalendar('gotoDate', events_array[0].start);

});