what's wrong with this? why doesn't it work without creating the new function?

var student;
var report;
var search;
function print(message) {
    var outputDiv = document.getElementById('output');
    outputDiv.innerHTML = message;
  }
 while(true){

    search = prompt('type a student name to search the record, and to end type \'quit');
    if (search === null || search.toLowerCase() === 'quit'){
        break;
    }
} 

        for (var i=0; i< students.length ; i+=1){
            student = students[i];
            if (search.toLowerCase() === student.name){   
            report += '<h2>' +student.name+ '</h2>';
            report += '<p>track: '+ student.track+ '</p>';
            report += '<p>achievements: ' +student.achievements+ '</p>';
            report += '<p> points: ' +student.points+ '</p>';

          }
          print(report);
    }