javascript重命名按钮问题

Question

我有一个按钮：

   <div id="save-submit" class="save-submit">
            Submit Code
        </div>

单击它时会检查输入，如果输入正确，我重命名按钮继续：

 $('.save-submit').click(function(e){
  var button = document.getElementById("save-submit");
                    button.className="next-task";
                    button.innerHTML="Continue";
                    button.id="next-task-id";
   });

当按下继续按钮时，它应该加载新任务，但它会返回到save-submit，即尝试重命名按钮。

 $('.next-task').on('click', function (e) {
        e.preventDefault();
        GetTask();
 });

我做错了什么？

谢谢！