Why does this code concat data to the browser with each new student name vs. only display one student's data ?

In the video, the instructor's code only displays the data for one student, if found. When he enters a second name, the screen clears and results are show also for only one student. I cannot make that happen with the code below (a slightly modified version of the solution).

Please help!

var nameFromUser = ''; var message = '';

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

while (true) { nameFromUser = prompt('Provide name or \'quit\' to end: '); nameFromUser = nameFromUser.toLowerCase();

if(nameFromUser === 'quit') { break; }

for( var i=0; i < students.length; i+=1) { if(students[i].name.toLowerCase() === nameFromUser) { message = returnReport(students[i]); document.write(message); } } }