Обновление формы вариативного товара

Всем привет. Сразу хочу сообщить-оправдаться, что только начинаю разбираться в веб-разработке. Проект на WordPress.

В общем, есть несколько вариативных товаров, которые выводятся в табах bootstrap'а. Вариативные товары имеют опции. Но эти опции можно выбрать только один раз, после приходится обновить страницу для ,допустим, выбора этого же товара с другими свойствами. Я прописал span для для сброса опций и повесил на него следующий обработчик:

$('.reset').on('click',function(){
    alert("работает");
    if ($('span.selected_wvas').hasClass('selected_wvas')){
        $('span.selected_wvas').removeClass('selected_wvas');
        $('div.woocommerce-variation').css('display', 'none');
    }
    var dropdown_id = undefined;
    var select_value =undefined;
    var select_value_label = undefined;
    var data = undefined;

    wvas_set_selected_value(dropdown_id, select_value_label, select_value);
});

где обнуляю переменные и убираю необходимый класс. И всё работает! Но конечно же не так, как хотелось. После сброса выбранных опций, и выбора других - не обновляется цена. То, есть обновляется, но приходится кликать на спан несколько раз (точнее 2) чтоб цена отобразилась и обновилась. Прошу помоши в решении проблемы, так как зашёл в тупик.