numberbox动态加载会有问题，求解决！！

问题描述：在html中直接写numberbox的代码片段是没有问题的，数字输入框能正常地显示，点击+或-也会递增，递减，如下：
<div class="mui-numbox" id="default">
<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
<input class="mui-input-numbox" type="number" />
<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>

</div>

但是如果在js中动态加载这段代码就会有问题了，例如我先定义一个div：
<div class="mui-content-padded" id="default">

</div>

然后在js中进行加载：
window.onload = function() {
var default1 = document.getElementById('default');
var html1 = "<div class=\"mui-numbox\">" +
"<button class=\"mui-btn mui-btn-numbox-minus\" type=\"button\">-</button>" +
"<input class=\"mui-input-numbox\" type=\"number\" />" +
"<button class=\"mui-btn mui-btn-numbox-plus\" type=\"button\">+</button>" +
"</div>";
console.log(html1);
default1.innerHTML = html1;
};
此时，加载出来的画面是正常的，但是点击+或者-，不会有递增或者递减的效果！！！

我也试过将window.onload换成mui.plusReady()函数，效果都是一样的，请大神解决！！！