下拉列表的更改事件不会触发

Question

我有两个清单。选择第一个列表中的项目将触发ajax事件以填充第二个列表的列表项。 填充第二个列表后，它不会在选择项目时触发更改事件。 这是两个列表的相关代码：

<h:selectOneMenu class="RUIFW-from-el" id="fromList" value="#{uiBean.value}" >
                        <f:selectItems value="#{uiBean.fromAcctList}" />
                        <f:ajax listener="#{uiBean.fromAcctChangeListener}" render="toList" onevent="function(data) { if (data.status==='success') {reRenderCSS('content_block'); }}" />
                    </h:selectOneMenu>
<h:selectOneMenu class="RUIFW-from-el" id="toList" value="#{uiBean.tovalue}" 
                                >
<f:selectItems value="#{uiBean.toAcctList}" /> 
</h:selectOneMenu>

jQuery Code for Change事件

$("#contentForm\\:toList").change(function () {
    alert('toList');
});