Javascript jQuery移动表单：添加的字段不是'；t型

我对JavaScript和jQueryMobile完全是新手，所以请对我放松点（：我正在为一个学校项目构建一个预算应用程序。它需要用户的收入，乘以工资支票的频率，将其保存到本地存储，并在页面顶部进行更新

我的问题是，我有“添加另一个”按钮，允许用户添加第二个收入来源。但是，由于某些原因，用户添加的字段没有选择jQuery Mobile样式

以下是页面：。单击“添加更多”查看新添加的表单字段，这些字段不显示jQuery Mobile样式

usraded div是在更新按钮上方插入新字段的地方

<div class="ui-field-contain">  
    <div id="usrAdded"></div>
        <div style="width:50%;">
            <input type="button" value="Update" id="paycheckButton" />
        </div>
    </div>

<div class="ui-field-contain">
    <div style="width:50%;">
        <input type="button" class="ui-btn ui-icon-plus ui-btn-icon-right ui-alt-icon ui-nodisc-icon" id="addMoreButton" value="Add Another<br/>Source of Income">
    </div>
</div>

---

任何想法都将不胜感激。谢谢！

您必须手动增强这些元素

$("#incomeForm").enhanceWithin();

---

Omar下面的回答是正确的。您已经使用Javascript完成了表单，但是您需要一些Jquery来根据JQM文档对其进行增强--表单演示--参见文档中的EnhanceInDocs以获得Javascript的替代方法--谢谢你们！看到JSFIDLE非常有帮助，可以了解我的代码中需要更改的内容和位置。我谷歌搜索了enhanceWithin，但不确定它在代码中的位置。再次感谢！

$("#incomeForm").enhanceWithin();