我无法动态地将添加的内容设置为我的jquery移动网站

Question

我有一个jquery移动页面，它有一个文本框和一个按钮。单击该按钮时，我想添加一个额外的文本框。但是，新文本框没有正确设置样式。我在附加文本框时尝试使用.trigger（'create'），但它仍然没有造型。

这是一个有效的fiddle

这是我的代码：

HTML：

<div id="auth1" name="auth1">
    <label>Name of the Author</label>
    <div id="auth-box">
        <input type="text" name="auth1" placeholder="John Smith" style="width: 200px;" value="" />
    </div>
    <input type="button" data-inline="true" value="Add Author   " onclick="addtxt()" />
</div>
<input type="hidden" id="auth_cnt" name="auth_cnt" value="1">

使用Javascript：

<script type="text/javascript">
    function addtxt() {
        var div = document.createElement('div');
        div.innerHTML = '<input type = text name = "auth">';
        $('#auth-box').after(div).trigger('create');
    }
</script>