Не удается заполнить Bootstrap выбрать с данными Live Search + мультипликатор с JQuery

Question

Я хочу, чтобы заполнить следующую отборное заявление с параметрами нечестным из кода PHP

<select name='friends[]' id='friends' class='selectpicker show-tick form-control' 
     data-live- search='true' multiple> 
    <!-- options here --> 
</select> 

мой JQuery код

$.ajax({ 
    url:'get_togethers.php', //this returns object data 
    data:'user_id='+user_id, 
    type:'POST', 
    datatype:'json', 
    success:function(data) { //data = {"0":{"id":1,"name":"Jason"},"1":{"id":2,"name":"Will"},"length":2 } 
     data = JSON.parse(data); 
     var options; 
     for (var i = 0; i < data['length']; i++) { 
      options += "<option value='"+data[i]['id']+"'>"+data[i]['name']+"</option>"; 
     } 
     $("#friends").append(options); 
    } 
}); 

Статические значения внутри тега select отображаются, но значения, добавленные из функции ajax, этого не делают. EDIT: Если я удалю загрузку, значения появятся, но при загрузке они не появятся.

Answer 1

$('#friends').selectpicker('refresh'); 

Необходимо обновить вновь добавленные значения, которые я пропустил.