Bootstrap: la liste select / option n'est pas actualisée après l'ajout d'un élément par programmation

J'ai le select/option

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

Dans ma section de script, j'ai ce qui fonctionne très bien. Les styles sont appliqués

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

J'ai un bouton qui fait cela:

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

Cependant ma liste de sélection n'est pas actualisé.

J'ai essayé d'ajouter

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

après l'ajouter, mais cela ne fonctionne toujours pas.

Mon sélectionnez liste sera mise à jour si je supprime le $('.bs-select').selectpicker() dans $(document).ready

Comment puis-je obtenir ma liste pour se rafraîchir après l'ajout d'un élément?

source d'informationauteur Null Reference