A part of a function is not working.

See more:

Javascript

jQuery

It's about arranging the jumbled letters in correct order to make a spelling. The question is in the middle div and the letters are around it. Clicking the letter moves it to the answer div one by one to make the spelling. It's working fine, but on restarting the quiz, the score div is not displaying the score. Could you please help to figure out the error?

https://codepen.io/Tarun1980/pen/byQorp[^]

What I have tried:

// Restarting Quiz

    $(document).on('click', '#summary a', restart);
    function restart()
    {
        i = 0;
        k = 0;
        n = 0;
        score = 0;

        $('#summary').fadeOut();
        $('#questionDiv').fadeIn();
        $('#answerDiv').empty();
        $('#answerDiv').fadeIn();
        $('#score').fadeIn();
        $('#btn').fadeIn();
        showQuestions();
        hello();
        world();
        createDivs();
    }
});