Why does the second search result appears after the first result.

Hi This is the final challenge in JavaScript loops arrays and objects.

It looks like my code is exactly like the teacher's code except the print method(I still use ducument.write). But unlike teacher's program, that the second search result will overwrite the first result, in my program, the second result will just appear after the first result. The third one too.

I don't know what I did wrong. Below is my code:

var search; var student; var message = '';

function print(message) { document.write(message); }

function getStudentReport( student ){ var report = '<h3>Student: ' + student.name + '</h3>' ; report += '<p>Track: ' + student.track + '</p>' ; report += '<p>Achievements: ' + student.achievements + '</p>' ; report += '<p>Points: ' + student.points + '</p>'; return report; }

while (true) { search = prompt('input a student name'); if (search === null || search.toLowerCase() === 'quit'){ break; } for (var i = 0; i < students.length; i += 1) { student = students[i]; if ( search === student.name ) { message = getStudentReport( student ); print(message); } } }