Parse Google Calendar v3 API JSON with JQuery returns undefined in IE

Question

The following code works Chrome, Firefox, Safari but in IE11 returns undefined. I've enabled "Access data across domains" within my IE settings and no longer get a CORS warning in the IE dev console, but instead I get this message. SCRIPT5007: Unable to get property 'dateTime' of undefined or null reference

var i = 0;
var items = [];
var url = "https://www.googleapis.com/calendar/v3/calendars/h5d9i9jrdp2kiljks9erv1q3ec%40group.calendar.google.com/events?orderBy=startTime&singleEvents=true&maxResults=5&alt=json&key=<removed>";

$.getJSON(url, function (data) {
    for (i in data['items']) {
        item = data['items'][i];
        $("#event-list").append(item.summary + "<br/>");
    }
});

http://jsfiddle.net/q0e4kz53/6/

Answer 1

IE is apparently more particular about declarations. Once I added the following lines, specifically the declarations for item and items everything worked in IE.

    var i = 0;
    var items = [];
    var item = [];