使用bootstrap-select遇到的坑

项目需要，需要一个bootstrap框架下的下拉多选控件，比较主流的都会去用bootstrap-select实现，但是当使用ajax请求到数据添加到下拉框时怎么也不显示，查找原因后是得有两步refresh和render操作，必不可少，同时也感觉到了du跟google的差距！

html代码：

<select id='name' class="form-control selectpicker"  data-live-search="true"></select>

$.ajax({// get请求地址    url: basePath,    dataType: "json",    success: function (data) {    var optArr = [];        for (var i = 0; i < data.length; i++) {            $('.selectpicker').append("<option value=" + data[i].userName + ">" + data[i].userName + "</option>");        }        // 缺一不可        $('#name').selectpicker('refresh');        $('#name').selectpicker('render');    }});