Javascript 无法找出按钮未显示的原因

我有一个按钮来提交答案，然后在我的测验应用程序上继续下一个问题。 然而，当我试图把它放在我的测验所在的分区时，按钮消失了。 我做错了什么？感谢您的帮助

这是我的密码：

var quizApp=测验（问题，$（“#测验区”）；
quizApp.questionDisplay（）；//currentQuestion=0，有效问题
$（'next'）。on（'click'，quizApp.nextQuestion）；
$（'#totalQuestions'）.text（questions.length）；
//TODO:为重置添加事件侦听器
$（'#reset'）。在（'click'，quizApp.reset'）上
#测验区{
利润率：150px 160px；
填充：100px40px40px40px；
宽度：500px；
高度：400px；
背景图像：url（“http://hardwoodhustle.com/wp-content/uploads/2014/03/HWH-BG1.jpg");  
背景重复：无重复；
-webkit背景尺寸：封面；
-mox背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
分区#问答区{
边框：红色1px实心；
}
#测验区{
边框：1px纯红；
}
#李,，
#测验区{
列表样式类型：无；
左侧填充：0；
}

提交答案
0/20
我能想出来。我使用的逻辑为我的应用程序中的问题创建了HTML，它删除了我的按钮。下面是我如何修复它的：

<div id="quiz-container">    
    <div id="quiz-area"></div>
    <div id="score">
        <span><button id="next" type="submit">Submit Answer</button></span>
        <span id="score-board"><span id="correct">0</span>/<span id="totalQuestions">20</span></span>
    </div>
</div>


提交答案
0/20
是否包含所有相关代码？按钮在那里（？？）。按钮和div具有相同的id。这在html中是不允许的。不确定这是否是您的问题，但这是一个问题。此外，我不确定
quizApp.nextQuestion
函数的功能是什么，但它是否替换了
#测验区域的内容，从而删除内容中的事件侦听器。您是否使用wordpress插件？如果这么难猜到是哪一个。有关HTML错误，请参见@Lenny的注释。