Перед выгрузкой продолжает стрелять

Question

У меня возникли некоторые проблемы, связанные с событием before unload, которое по какой-то причине продолжает срабатывать, даже когда я явно говорю, что нет.

Итак, это мой HTML:

<div class="payment-details-account-top">
    <form id="payment-details-form-card" action="<?php echo Mage::getUrl('orderform/index/changedpayment'); ?>" method="POST">
        <div class="row all-steps">
            <div class="col-md-12">
                <input type="radio" name="payment-with-card" value="<?php echo $this->__('Betale med kort') ?>" id="payment-with-card" class="css-checkbox" <?php if ($ba->getMethodCode() == 'payex2'): ?> checked <?php endif; ?> onclick="this.form.submit();">
                <label for="payment-with-card" name="payment-with-card" class="css-radio-label"></label>
                <input type="submit" name="payment-with-card" id="payment-with-card" value="<?php echo $this->__('Betale med kort') ?>" class="top-payment-buttons" />
            </div>
        </div>
    </form>
</div>
<div class="payment-details-account-bottom">
    <div class="row all-steps">
        <div class="col-md-12">
            <input type="radio" name="payment-with-faktura" value="<?php echo $this->__('Betale med faktura') ?>" id="payment-with-faktura" class="css-checkbox" <?php if ($ba->getMethodCode() != 'payex2'): ?> checked <?php endif; ?> >
            <label for="payment-with-faktura" class="css-radio-label"></label>
            <input type="button" name="payment-with-faktura" id="payment-with-faktura" value="<?php echo $this->__('Betale med faktura') ?>" class="bottom-payment-buttons" />
            <form id="payment-details-form" action="<?php echo Mage::getUrl('orderform/index/changedpayment'); ?>" method="POST">
            </form>
        </div>
    </div>
</div>

Чтобы изменить выбранную форму, я использую радио-кнопки вместе с метками, чтобы оформить радио в соответствии с потребностями. Итак, вот мой JQuery:

$('#payment-with-faktura').on('click', function(){
    $('#payment-with-card').removeAttr("checked");
    $('#payment-with-faktura').prop("checked", true);
    $(window).unbind("beforeunload");
});

$('#payment-with-card').on('click', function(){
    $('#payment-with-faktura').removeAttr("checked");
    $('#payment-with-card').prop("checked", true);
    $(window).unbind("beforeunload");
});

Кажется, ничего из этого не работает, поэтому я добавил и добавил

$('.css-radio-label').on('click', function () {
    $(window).unbind("beforeunload");
});

Результат остается тем же, всякий раз, когда я меняю выбранное радио и пытаюсь, например, обновить страницу, я получаю всплывающее предупреждение о том, что я покидаю страницу и спрашиваю, хочу ли я остаться на странице или уйти страница.

Итак, что я здесь делаю не так?

С уважением