FullCalendar 2 Debugging Template

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.0.0/fullcalendar.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.0.0/fullcalendar.js"></script>
<div id='calendar'></div>

CSS

body {
	margin-top: 40px;
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#calendar {
	width: 900px;
	margin: 0 auto;
}

JavaScript

$('#calendar').fullCalendar({
	header: {
		left: 'prev,next today',
		center: 'title',
		right: 'month,agendaWeek,agendaDay'
	},
	defaultDate: '2014-06-12',
	editable: true,
    eventRender: function(event, element, view) {
        return $('<p>'+ view.name +'</p><table><tr><td>adı</td><td>soyadi</td></tr><tr><td>' + event.adi +'</td><td>'+ event.soyadi +'</td> </tr></table>');
    },

	events: [
		{
			title: 'All Day Event',
			start: '2014-06-01',
      adi: 'murat',
      soyadi: 'guzel'
		},
		{
			title: 'Long Event',
			start: '2014-06-07',
			end: '2014-06-10'
		},
		{
			id: 999,
			title: 'Repeating Event',
			start: '2014-06-09T16:00:00'
		},
		{
			id: 999,
			title: 'Repeating Event',
			start: '2014-06-16T16:00:00'
		},
		{
			title: 'Meeting',
			start: '2014-06-12T10:30:00',
			end: '2014-06-12T12:30:00'
		},
		{
			title: 'Lunch',
			start: '2014-06-12T12:00:00'
		},
		{
			title: 'Birthday Party',
			start: '2014-06-13T07:00:00'
		},
		{
			title: 'Click for Google',
			url: 'http://google.com/',
			start: '2014-06-28'
		},
	]
});