Javascript 提交表格会使div消失

我有一大堆问题。提交时有两个问题：

preventDefault更改问题，但不接受下一个问题 答复

不接受答案，进入下一个问题，但是 不显示“下一步”按钮

var问题=[
[“问题1”、“答案1”、“提示”]，
[“问题2”、“答案2”、“提示”]
];
//带第一个问题的div
//对问题的答复
var questionAnswer=问题[0][1]；
$（“#输入”）。打开（“按键”，功能（e）{
如果（如keyCode===13）{
var inputswer=$（'input[name=“answer”]”）。val（）.toUpperCase（）；
如果（输入答案===问题答案）{
$（“#下一个”）。附加（“下一个问题”）；
}
否则{
美元（“形式”）。影响（“震动”）；
}
$（'form'）。触发器（'reset'）；
e、 预防默认值（）；
}
});
//下一个问题按钮
//神奇地更改下一个问题的问题和答案
$（文档）。在（“单击”，“下一步”，函数（）上）{
函数随机问题（）{
返回问题[Math.floor（Math.random（）*questions.length）]；
};
});

随机部分在这里

function getRandomQuestion(max) {
    return Math.floor(Math.random()*max);
}

我已经为你建立了一个演示，也许这不是一个最好的解决方案，但仍然希望这可以帮助你

---

你有一个环或什么的吗？它应该如何工作？我一直在尝试遍历数组并随机选择一个问题。因此，如果您选择一个随机问题，“下一个问题”是什么意思？显示“下一个问题”的部分是一个按钮，该按钮穿过问题数组并再次选择一个问题。因此，如果可能，它可以再次选择一个重复的问题，随机更新会很好。被问到的问题会再次出现吗？是的，它会再次出现。

//init first random question
var randomQuestionNo = getRandomQuestion(questions.length);
$('#questions_div').text("Question: " + questions[randomQuestionNo][0]);
$('#answer_input').data("question_no", randomQuestionNo);
$('#hiddenNext_btn').hide();

//Textfield
$('#answer_input').on("keypress", function(e){
    if(e.keyCode === 13){
        var inputAnswer = $('#answer_input').val().toUpperCase();
        if(inputAnswer === questions[$(this).data("question_no")][1]){
            $('#hiddenNext_btn').show();                
        } else {
            $("#quiz_form").effect("shake");
            $('#answer_input').val("");
        }
        e.preventDefault();
    }
});

//Next button
$('#hiddenNext_btn').click(function() {
    randomQuestionNo = getRandomQuestion(questions.length);
    $('#answer_input').val("");
    $('#questions_div').text("Question: " + questions[randomQuestionNo][0]);
    $('#answer_input').data("question_no", randomQuestionNo);   
    $(this).hide();
});

function getRandomQuestion(max) {
    return Math.floor(Math.random()*max);
}