Bootstrap confirmation непонятное поведение

Вопрос собственно такой: когда выбираешь элемент в выпадающем списке, то должно появляться всплывающее окно с подтверждением. Если нажать да, то на сервер отправится форма, если нажать нет, то окошко с подтверждением должно закрыться, а выбор в выпадающем списке должен сброситься. Вот тут и начинается самое интересное: При следующем выборе как будто меняется селектор событий, потому-что теперь окно с подтверждением появляется сразу при клике на выпадающем списке, а не при выборе элемента. Причём в firefox на Mac всё работает корректно, а в firefox на windows глючит. Помогите разобраться.

<select class="decision_select" name="decision" data-toggle="confirmation" data-title="are_you_shore" data-btn-ok-label="yes" data-btn-cancel-label="no">
    <option value="0" selected></option>
    <option value="1">accept</option>
    <option value="2">decline</option>
    <option value="3">queue</option>
</select>

    $(document).ready(function() {
        $(".decision_select").on("change", function(){
            $('[data-toggle=confirmation]').confirmation({
                rootSelector: '[data-toggle=confirmation]',
                // other options
                onCancel: function() {
                    $(this).val("0").change();
                },
                onConfirm: function() {
                    var form = $(this);
                    $.ajax({
                        url: '/',
                        type: "POST",
                        data: form.serialize(),
                        success: function (response) {
                            console.log(response + 'Submission was successful.');
                        }
                    });
                },
            });
        });
    });