Unsure why my loop is not passing through all array objects

Hello,

I am using arrays, loops, and objects to display student data to the page. I set up a loop to run through each object in an array "students." For some reason, my loop only executes the function for the last object in my array, the student with the name "Harry". Any help? I am sure it is a type somewhere but I have exhausted all other typo-help resources. Thanks much!

var students = [

{ name: 'Matthew', track: 'Front-End Web Development', achievements: 2345, points: 45 },

{ name: 'Andrew', track: 'Back-End Web Development', achievements: 4567, points: 78 },

{ name: 'Damian' , track: 'iOS Development', achievements: 5678, points: 45 },

{ name: 'Savannah' , track: 'Ruby', achievements: 3456, points: 35 },

{ name: 'Harry' , track: 'Python', achievements: 3456, points: 35 }

];

var html = '';

function print(message) {

var div = document.getElementById('output');

div.innerHTML = message;

}

for (var i = 0; i < students.length; i += 1) {

html = '<h2> Name: ' + students[i].name + '</h2>';
html +=  '<li>Track: ' + students[i].track + '</li>';
html += '<li>Achievements: ' + students[i].achievements + '</li>';
html += '<li>Points: ' + students[i].points + '</li>';    

}

print(html);