1. I have the following markup: 
2. <div data-role="page" id="auditForm" data-theme="a">
3.     <!--Observation-->
4.                 <div class="observationTemplate">
5.                     <h4 class="observationTitle">Observation - 1</h4>
6.                     <a href="#" data-role="button" data-icon="delete" data-iconpos="notext" data-inline="true" data-theme="b" class="close">close</a>
7.                     <div data-role="fieldcontain">
8.                         <label for="audit-observation-category" class="ui-hidden-accessible select">Observation Category</label>
9.                         <select name="audit-observation-category" id="audit-observation-category" data-theme="e" data-corners="false">
10.                             <option value="" selected>Observation Category</option>
11.                             <option value="Site">Site</option>
12.                             <option value="Incident">Incident</option>
13.                             <option value="NearMiss">Near Miss</option>
14.                         </select>
15.                     </div>
16. 
    
17.                     <div data-role="fieldcontain">
18.                         <label class="ui-hidden-accessible" for="audit-observation-notes">Notes</label>
19.                         <textarea cols="40" rows="8" name="audit-observation-notes" id="audit-observation-notes" class="notes" placeholder="Notes" maxlength="140"></textarea>
20.                     </div>
21. 
    
22.                     <div data-role="fieldcontain">
23.                         <label class="ui-hidden-accessible" for="audit-observation-recommendation">Recommendation</label>
24.                         <textarea cols="40" rows="8" name="audit-observation-recommendation" id="audit-observation-recommendation" class="notes" placeholder="Recommendation" maxlength="140"></textarea>
25.                     </div>
26.                     <!-- not working for some reason -->
27.                     <div data-role="fieldcontain">
28.                         <label for="audit-observation-severity" data-theme="e">Severity</label>
29.                     </div>
30. 
    
31.                     <div data-role="fieldcontain">
32.                         <input type="range" name="audit-observation-severity" id="audit-observation-severity" value="15" min="15" max="180" step="15" data-hilight="true" data-theme="d">
33.                     </div>
34. 
    
35.                     <div data-role="fieldcontain">
36.                         <label for="audit-observation-person" class="ui-hidden-accessible select">Observation Person</label>
37.                         <select name="audit-observation-person" id="audit-observation-person" data-theme="e" data-corners="false">
38.                             <option value="" selected>Observation Person</option>
39.                             <option value="Jim">Jim</option>
40.                             <option value="Bob">Bob</option>
41.                             <option value="Gary">Gary</option>
42.                         </select>
43.                     </div>
44. 
    
45.                      <div data-role="fieldcontain">
46.                         <label class="ui-hidden-accessible" for="audit-observation-date">Date</label>
47.                         <input type="date" name="audit-observation-date" id="audit-observation-date" placeholder="Date" value="">
48.                     </div>
49.                 </div><!--/observation-->
50.                 <div id="auditContainer"></div>
51. 
    
52.                 <div data-role="controlgroup" data-type="horizontal" data-theme="d">
53.                     <a href="#" id="auditObservationButton" data-role="button" data-icon="plus" data-iconpos="right" data-inline="true" data-theme="b">Add Observation</a>
54.                 </div>
55. </div>
56. 
    
57. and the following jQuery
59. function newObservation() {
60. var len = $('.observation').length;
61. var titleLen = $('.observation').length + 2;
62. var $html = $('.observationTemplate').clone();
63. 
    
64. $('.observationTitle:eq(0)').text("Observation - " + titleLen);
65. $html.find('[name=audit-observation-category]').eq(0).attr({name:"audit-observation-category" + len, id:"audit-observation-category" + len});
66. $html.find('[name=audit-observation-notes]').eq(0).attr({name:"audit-observation-notes" + len, id:"audit-observation-notes" + len});
67. $html.find('[name=audit-observation-recommendation]').eq(0).attr({name:"audit-observation-recommendation" + len, id:"audit-observation-recommendation" + len});
68. $html.find('[name=audit-observation-severity]').eq(0).attr({name:"audit-observation-severity" + len, id:"audit-observation-severity" + len});
69. $html.find('[name=audit-observation-person]').eq(0).attr({name:"audit-observation-person" + len, id:"audit-observation-person" + len});
70. $html.find('[name=audit-observation-date]').eq(0).attr({name:"audit-observation-date" + len, id:"audit-observation-date" + len});
71. return $html.html();
72. }
73. $(document).on('pagebeforecreate', function(){
74. $('<div/>', {
75. 'class' : 'observation', html:newObservation()
76. }).appendTo('#auditContainer');
77. 
    
78. $('#auditObservationButton').click(function() {
79. $('<div/>', {
80. 'class':'observation', html:newObservation()
81. }).hide().appendTo('#auditContainer').slideDown('slow');
82. $('#auditContainer').trigger('create');
83. $('select').selectmenu('refresh');
84. });
85. 
    
86. $('#auditForm').on('click', '.close', function(){
87. $(this).parent().fadeOut();
88. });
89. });

I have a fiddle, but for some reason it doesn't like jqm 1.3.2 and have it on my dev server http://dirtybirddesign.com/dirtybirddesignlab.com/FireSafe/audit.html#auditForm

Any help would be much appreciated.
Kane Leins