Jquery移动动态选择菜单

Question

我正在使用Jquery Mobile 1.4.0 rc1和Chrome 31。

我有以下HTML代码

<div class="ui-field-contain">
    <label for="first">First:</label>
    <select name="first" id="first" data-native-menu="false">
        <option value="" data-place-holder="true">Choose...</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</div>
<div id="second"></div>

使用以下jquery部分

$(document).on("pageinit", function () {
    $('#first').on("change", function () {
        console.log("change");
        $("#second").html("<select name='cr_prptpl:400002' id='cr_prptpl:400002' data-native-menu='false'><option value='' data-placeholder='true'>&lt;Null&gt;</option><option value='2003'>2003</option><option value='2008' selected>2008</option><option value='2012'>2012</option></select>");
        $("select").selectmenu();
    });
});

但似乎触发器没有响应，除非我删除了“pageinit”事件。

这是一个例子： http://jsfiddle.net/5Qph4/

我在这里做错了什么？

感谢。