Estoy tratando de que el nombre aparezca con la puntuación que se relaciona con ese nombre. Entonces, si el puntaje más alto es 98, quiero que el nombre de Joels aparezca en la pantalla donde se dice el nombre aquí.

var names = ["Ben", "Joel", "Judy", "Anne"];
var scores = [88, 98, 77, 88];
var average;
var total = 0;
var highestScore = 0;

var $ = function (id) { return document.getElementById(id); };

var displayResults = function () {
    for (var i = 0; i < scores.length; i++) {
        total = total + scores[i];       //both are numbers so adds
        if (scores[i] > highestScore) {
            highestScore = scores[i];
        }          
    }

    //then calculate the average and display
    average = parseInt(total/scores.length);
    document.getElementById("results_header").innerHTML = ("Results");
    document.getElementById("results").innerHTML = ("\nAverage score is " + average + "\nHigh score = Name here with a score of " + highestScore); 
};

window.onload = function () {
    //$("add").onclick = addScore;
    $("display_results").onclick = displayResults;
    //$("display_scores").onclick = displayScores;
};