jquery - ブートストラップモーダルを破棄するが、後で再度使用する方法

Question

私は周りを調べて他の質問を見つけましたが、私が必要としているものに実際には答えていません. 私はブート ストラップを使用しており、パスワードを忘れた場合の一連の質問に対するモーダルがあります。モーダルを表示および非表示にすることができます。ただし、私の問題は、ウィンドウが2回目に呼び出された場合、送信ボタンが機能しないことです。

非表示でフォームの値をクリアし、モーダルを削除しています

$('#forgotPassModal').on('hidden', function () {
    $("#forgotPassForm input").each(function () {
        $(this).val(null);
    });
    $('#forgotPassModal').remove();
});

これが私が問題を抱えているシナリオです

ユーザーがページにアクセスしてモーダルをアクティブにし、モーダルをキャンセルしてから、モーダルを再度アクティブにします。次に、ユーザーは質問に入力し、送信ボタンをクリックします。

このシナリオでは、送信ボタンはクリック イベントをアクティブにしません。

これがクリックコードです。

$('#forgotPassSubmit').click(function() {
        var questAnswered = true;
    for (var i = 0; i < $forgotPassQuest.questionId.length; i++){
            var questionId = $forgotPassQuest.questionId[i]['id'];
        if ($('#forgotPass_' + questionId).val() == '' || $('#forgotPass_' + questionId).val() == null){
            questAnswered = false;
        } else {}
    }
    if (questAnswered == true) {
        submitAnswers();
    } else {
        alert('please complete your security questions.');
    }
});

ユーザーがモーダルを呼び出して質問に答えて送信すると、モーダルを呼び出してキャンセルし、もう一度呼び出して送信すると機能しません。

私は何が欠けていますか？

ありがとう

ジェフ