Bootstrap现代选择在控制台中动态加载，但在gui中，选择框为空

Question

我有两个Twitter Bootstrap“现代风格”选择框。不幸的是，当选择第一个选择框时，第二个选择框会动态加载相关值，我可以在控制台中看到元素。

但是在组合框中，没有任何值显示为空。

有没有办法解决这个问题？

这是我的HTML：

<div class="control-group ">
    <label class="control-label" for="inputSuccess">Type<font color="red">*</font>
    </label>
    <div style='width: 200px;  float: left; text-align:left'>
        <select id="mtype" name="mtype" data-rel="chosen">
            <option value='M'></option>
            <option value='I'>I</option>
            <option value='C'>C</option>
        </select>
    </div>
</div>
<div class="control-group ">
    <label class="control-label" for="inputSuccess">Member<font color="red">*</font>
    </label>
    <div id="cbMember" style='width: 200px;  float: left; text-align:left' data-rel="chosen">
        <select id="mmember" name="mmember" data-rel="chosen">
            <option value='M'>M</option>
            <option value='Mi'>i</option>
            <option value='Mx'>x</option>
        </select>
        <br/>
    </div>
</div>

我有jquery我在调试控制台中注意到元素被添加但是在我的表单中没有选择框它没有出现？任何解决方案？

$("#mtype").change(function () {
        alert("TEST");     

    $('#mmember').empty();
    $('#mmember').append('<option  value="whatever">text1</option>');
    $('#mmember').append('<option  value="whatever">text2</option>');
    $('#mmember').append('<option  value="whatever">text3</option>');  
;

});