.selectpicker ('refresh') не обновляет начальную загрузку выберите в algolia помещает автозаполнение

Я использую места algolia для поиска города, который затем заполняет штат и почтовый индекс для выбранного результата. Проблема, с которой я сталкиваюсь, заключается в том, что при изменении состояния значение для bootstrap selectpicker обновляется, а текст - нет.

Я попытался использовать .selectpicker ('refresh'), но не могу заставить его работать.

<script>
(function() {
    var placesAutocomplete = places({
    appId: 'myID',
    apiKey: 'myKey',
    container: document.querySelector('#city-input'),
    templates: {
        value: function(suggestion) {
        return suggestion.name;
        }
    }
    }).configure({
    countries: ['us', 'ca'],
    type: 'city'
    });
    placesAutocomplete.on('change', function resultSelected(e) {
    document.querySelector('#state-select').value = e.suggestion.administrative || '';
    document.querySelector('#zipcode-input').value = e.suggestion.postcode || '';
    });
    $('#state-select').selectpicker('refresh');
})();

После выбора города в раскрывающемся списке результатов algolia Place значение состояния изменится, но он по-прежнему будет отображать исходный текст, но если вы нажмете на поле выбора состояния, вы увидите, что выбрано новое состояние.

Любые идеи?