I would like to play a correct sound tone when user selects correct answer and play an incorrect sound tone when user gets wrong answer. However both audio plays when answer is clicked

var correctSound = document.getElementById('correctSound');
var incorrectSound = document.getElementById('incorrectSound');

function checkAnswer(selectedAnswer) {
  var theCorrectAnswer = quizData[currentQuestion - 1].correctAnswer;
  // turn the boxes red or green depending on if they are the correct answer

  $(".answer-box").each(function(index) {
    if ((index + 1) == theCorrectAnswer) {
      $(this).addClass("correct");
      correctSound.play();
    } else {
      $(this).addClass("incorrect");
      incorrectSound.play();
    }
  });

  if (selectedAnswer == theCorrectAnswer) {
    // got it correct
    score += 1;
    $(".score").html(score);
  } else {
    // got it wrong so do nothing
  }