Bootstrap: выбор/список опций не обновляется после программного добавления товара

У меня есть следующий select/option

<select class="bs-select form-control">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
</select>

В моем разделе script у меня есть это, что отлично работает. Стили применяются

$(document).ready(function () {
    $('.bs-select').selectpicker();
});

У меня есть кнопка, которая делает это:

$('.bs-select').append($('<option>', {
                        value: 0,
                        text: "test"
                    }));

Однако мой список выбора не обновляется.

Я попробовал добавить

$('.bs-select').selectpicker();

после добавления, но он все еще не работает.

Мой список выбора обновляется, если я удаляю $('.bs-select').selectpicker() в $(document).ready

Как я могу обновить свой список после добавления элемента?

Ответы

$('.bs-select').selectpicker('refresh');