jQuery没有获得选择值

Question

我正在使用bootstrap并调用这样的模态：

$('.editResp').click(function(){
    var id = $(this).attr('data-id');
    $.ajax({url:"modal/db.edit.modal.resp.php?id="+id,cache:false,success:function(result){
        $(".modal-content").html(result);
        $('.selectpicker').selectpicker('refresh');
    }});
});

在模态上我有一个选择框：

<select id="responsiblelist" title="Select Responsible" class="selectpicker show-menu-arrow" data-style="btn-primary" data-live-search="true" data-width="100%">
<option value="1">Test</option>
<option value="2">Test</option>
</select>

按钮：

<button type="button" class="btn btn-raised btn-success" data-dismiss="modal" onclick="SaveResp()">Save</button>

JS：

<script type="text/javascript">
function SaveResp() {
    var username = $('#responsiblelist').val();
    console.log(username);
}
</script>

问题是，当我单击按钮时，控制台会记录一个空字符串。我认为这是因为模态内容被添加到了dinamically。

我该如何解决这个问题？

更新 代码已更正。