Why the result of search can't show immediately. It shows "after" I quit the prompt dialog..

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

function print(message) {
    var outputDiv = document.getElementById('output');
    outputDiv.innerHTML = message;
}

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

while(true){
    search = prompt('Search Student\'s name like \'Jody\'. (or you can type \'quit\' to exit.)');
    if (search === null || search.toLowerCase() === 'quit'){
        break;
    }
    for(var i = 0; i< students.length; i++){
        if(search.toLowerCase() === students[i].name.toLowerCase()){
            message = getStudentReport(students[i]);
            print(message);
        }
    }
}