Проблема с изменением сохраняется после того, как я выберу значение

$('#first-step-button').on('click', function(e) {
        e.preventDefault();
        if (!$('#formulario').val()) {
            $('select#formulario').parent().addClass('error-control-group').on('change', function() { $(this).removeClass('error-control-group') });
            return false;
        } else if (!$('#variable').val()){
            $('select#variable').parent().addClass('error-control-group').on('change', function() { $(this).removeClass('error-control-group') });
            return false;
        }
        $('.collapse').collapse("show");
        $('#first-step-button').attr('disabled', true);
        $('.row .second-step').removeClass('second-step');
    });

<div class = "form-group col-xs-12 col-md-3">
            <div class = "col-xs-12">
                <label for = "formulario" class = "control-label no-padding-right bolder blue"><?= $this->translate('Select form to test on'); ?>: *</label>
                <select class = "chosen-select form-control" name = "formulario" id = "formulario" data-placeholder = "<?= $this->translate('Select the form'); ?>">
                    <option></option>
                    <?php foreach($this->formulario_list as $f): ?>
                        <option <?php if ($f->formulario == $this->formulario): ?> selected <?php endif; ?> value = "<?= $f->formulario; ?>"><?= $this->translate($f->formulario); ?> - <?= $this->translate($f->titolo); ?></option>
                    <?php endforeach; ?>
                </select>
                <p class = "error-msg alert alert-danger"><i class = "fa fa-warning"></i> <?= $this->translate('Select a form to continue'); ?></p>
            </div>
        </div>