Where do I reset the message variable so that it only prints matches to current search, rather than appending new ones?

var message = '';
var matches = [];
var search;

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

// store the data of matching students an array
function storeResult(searchMatch) {
    matches.push(searchMatch);
//    console.log(matches);
    getStudentReport(matches)
}

// Append output for all objects in matches to message

function getStudentReport(matches) {

  // loop through matches array and generate html
  for ( var i = 0; i < matches.length ; i += 1 ) {

    var match = matches[i];
    console.log(matches[i]);
    report = '<h2>Student: ' + match.name + '</h2>';
    report += '<p>Track: ' + match.track + '</p>';
    report += '<p>Achievements: ' + match.points + '</p>';
    report += '<p>Points: ' + match.achievements + '</p>';
    }
   message += report;

  // print all the results to the screen
   print(message);
}


while (true) {

  // reset matches array for every new search
  matches = [];

  // prompt user for search term
  search = prompt("Which student do you want data for? Type 'quit' to exit");

  // exit if user presses cancel or types quit
  if ( search === null || search.toLowerCase() === 'quit' ) {
      break;
  }

  // loop through students
  for ( var i = 0; i < students.length ; i += 1 ) {
    student = students[i];

    // if you find a matching student, store it in matches
    if ( search.toLowerCase() === student.name.toLowerCase() ) {
      storeResult(students[i]); 
    } 
  } 
}