Изменение .html () в пределах <select>не работает для переменных полей woocommerce

Question

Я пытаюсь изменить и / или удалить определенную опцию из выбора с помощью jQuery, но по какой-то причине она не работает.

Выбор выполняется от Woocommerce переменных.Вот ссылка на продукт

Я могу найти и console.log() опции, но не могу заставить работать любую из следующих функций:

Исходный выбор:

<select id="pa_staerd" class="" name="attribute_pa_staerd" data-attribute_name="attribute_pa_staerd" data-show_option_none="yes">
  <option value="">Veldu Stærð</option>
  <option value="12-manna" class="attached enabled">12 manna</option>
  <option value="20-manna-hringlott-barna" class="attached enabled">20 manna (hringlótt barna)</option>
  <option value="20-manna-hringlott" class="attached enabled">20 manna (hringlótt)</option>
  <option value="40-manna" class="attached enabled">40 manna</option>
  <option value="60-manna" class="attached enabled">60 manna</option>
</select>

$("#pa_staerd")[0].innerHTML = '<option value="">Veldu Stærð</option>';

$("#pa_staerd").html('<option value="">Veldu Stærð</option>');

$("#pa_staerd").empty();

Даже пытался перебрать массив параметров и добавить к ним отключенное состояние, но оно не рендерится.

И многое другое, но по какой-то причине ничего не меняется в пределах выбора