重置后，Jquery点击事件停止工作

Question

我正在研究一个小型计算器。它有1到10的数字，一个重置按钮和一个提交按钮。数字上的一次点击事件和重置和提交的每一次。它到目前为止工作，一个选择5个数字并点击提交，它显示您选择的数字和总价值。到目前为止，上帝。但是，当您点击重置计算接下来的5个数字并开始选择新数字时，点击事件不会触发。在刷新浏览器之前，计算器已经死了，然后再次运行。 我使用JQuery 3.2.1

这是代码......我只显示3个按钮）

$(document).ready(function() {
  "use strict";
	 var nrArray = [];
	 var sum = 0;
			    
	 $(".nrKnappar").click(function(){
	   var nummer = parseInt($(this).val(),10);
	   nrArray.push(nummer);

	   if(nrArray.length <= 5){	
	     $("#resultat p").append("<span> " + nummer + "</span>");		
	   }/*if*/
   });/*click nrKnappar*/	
		
	 $("#submit").click(function(){
	   $.each( nrArray, function( key, value ) {
       sum += value;
	   });
 	 $("#total").append("<p>" + sum + "</p>");
	    $("#submit").prop("disabled", true);
	 }); /*submit*/
		
   $("#reset").click(function(){
     $("#resultat p span").remove();
	   $("#total p").remove();
	   $("#submit").prop("disabled", false);
	 });
		
}); /*document ready*/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="skottcounter">
  <button class="nrKnappar" id="ett" name="ett" value="1">1</button>
  <button class="nrKnappar" id="tva" name="tva" value="2">2</button>
  <button class="nrKnappar" id="tre" name="tre" value="3">3</button>
  <br>
</div>
<div id="resultat">
  <p></p>
</div>	
<div id="total"></div>

所以问题是，为什么eventlistener会停止工作？我在FF或Chrome中没有任何错误。重置按钮仅删除结果和总计并再次启用提交按钮，它从不触摸数字键盘。 （无论如何我还以为） //→