Quiz App with Jquery - Check Answer

Hello everyone,
I am working on a Quiz App and I am stuck on checking my answer. My button to check my answer resets my quiz. I would like to know if I am on the correct track. I don’t want the issue solved however I would like to know if I am headed in the right direction and if my logic makes sense.

const QUESTIONS = [
    {
        //Question 1
        question: 'Who did the Packers play in the first Super Bowl?',
            
            'choice1': 'Oakland',
            'choice2': 'Patriots',
            'choice3': 'Kanas City',
            'choice4': 'Da Bears',
    
        correctAnswer: 'Kanas City'
    },

    {
        //Question 2
        question: 'Who is the current Quarterback?',
    
        'choice1': 'Mason Crosby',
        'choice2': 'Brett Favre',
        'choice3': 'Aaron Rodgers',
        'choice4': 'Mike Daniels',
        
        correctAnswer: 'Aaron Rodgers'
    },
    {
        //Question 3
        question: 'How many championships have the Green Bay Packers won?',
        
            'choice1': '10',
            'choice2': '6',
            'choice3': '8',
            'choice4': '13',
    
        correctAnswer: '13'
    },
    {
        //Question 4
        question: 'What team did they beat in their last Super Bowl appearance?',
        
        'choice1': 'Pittsburgh',
        'choice2': 'New England',
        'choice3': 'Seattle',
        'choice4': 'Kanas City',
        
        correctAnswer: 'Pittsburgh'
    },
    {
        //Question 5
        question: 'What year was Lambeau Field built?',
        
        'choice1': '1950',
        'choice2': '1957',
        'choice3': '1960',
        'choice4': '2000',
        
        correctAnswer: '1957'
    },
    {
        //Question 6
        question: 'Since what year have season tickets been sold out?',
        
        'choice1': '2010',
        'choice2': '1998',
        'choice3': '1989',
        'choice4': '1960',
        
        correctAnswer: '1960'
    },
    {
        //Question 7
        question: 'Who was the Packers first head coach?',
        
        'choice1': 'Bart Star',
        'choice2': 'Curly Lambeau',
        'choice3': 'Matt Lefleur',
        'choice4': 'Vince Lombardi',
        
        correctAnswer: 'Curly Lambeau'
    }];
        //Start of js functions for Quiz App-------------------------------------------------------------------------
    //Variables to update score and question number    
    let score = 0;
    let questionNumber = 0;

    function startQuiz() {
        
        $('.start').on('click', function(){
            updateQuestion();
            console.log('start quiz is working!');
            $('.headline').hide();
            nextQuestion();
            
        })
        
        //this function will listen for a click on the start button
        //then it will take users to the first question
    }
    function updateQuestion() {
       const quizQuestions = `<section class='question'>
                <form>
                <h2>${QUESTIONS[questionNumber].question}</h2>
                <label>
                <input type='radio' name='forRadio1' class='rdo' value='0'>${QUESTIONS[questionNumber].choice1}
                </label>
                <label>
                <input type='radio' name='forRadio1' class='rdo' value='0'>${QUESTIONS[questionNumber].choice2}
                </label>
                <label>
                <input type='radio' name='forRadio1' class='rdo' value='0'>${QUESTIONS[questionNumber].choice3}
                </label>
                <label>
                <input type='radio' name='forRadio1' class='rdo' value='0'>${QUESTIONS[questionNumber].choice4}
                </label>
                <button class='td'>Touchdown?</button>
                </form>
       </section>`
       $('.jsList').on('click').append(quizQuestions);
       
        
    }      
    function checkAnswer(){
            $('.td').on('click', function(){
                event.preventDefault();
                
                if($('input[value="0"]').prop('checked') == `${QUESTIONS[questionNumber].correctAnswer}`){
                    alert('A horse is a horse of course!');
                    UpdateScore(); 
                }else{
                    console.log('still working of course');
                } 
            })
            
        }
           


    function nextQuestion() {
       `${questionNumber ++}`;
        //this function listens for a click on the next button if the answer is correct
        //the user is taken to the next question
    }

    function UpdateScore(){
        let tdScore = `${score += 7}`;
        console.log(tdScore);
        
        //this function will see if the answer is correct then update
        //the score accordingly
    }

    function restartQuiz() {
        //this function takes user to the beginning
    }

    function callAllFunctions() {
         startQuiz();
         //updateQuestion();
         checkAnswer();//not sure if i want to call this right away
         nextQuestion();
         restartQuiz();
    }
    $(callAllFunctions());

Warm Regards!

`<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>GBP Quiz App</title>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
    <main>
    <header class='headline'>
        <h1 class='title'>This quiz is designed to test some of your Green Bay Packer Knowledge!</h1>
        <h4>Fan Quiz</h4>
    </header>
<section class='questionUpdate'>
    <ul class='list jsList'>
    </ul>
</section>

    <section class='start' >
    <button class='jsStart'>Lets Go!</button>
    </section>

    </main>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src = 'questions.js'></script>
</body>
</html>`