I'm attempting to parse and loop through Google Calendar v3 API JSON data and all I get is undefined. I'm thinking there is just some minor problem with my syntax but can't seem to figure it out. I have working code for the v2 API using the google.com/calendar/feeds URL but v2 is being deprecated Nov 2014 so I need to get this v3 code working. Thank you
http://jsfiddle.net/qWfhP/1/
<div id='event-list'></div>
<script type="text/javascript">
$(document).ready(function() {
var url = "https://www.googleapis.com/calendar/v3/calendars/mnjusq8qt3kh847kge772s9fmk%40group.calendar.google.com/events?singleEvents=true&key=AIzaSyD28KypP-wTD-AKZVECKL0WsxoXhJiYbys";
$.getJSON(url, function(items) {
for(i in items) {
item = items[i];
$("#event-list").append(item.summary + "<br/>");
}
});
});
</script>