javascript - フォームと入力をフォーム jQuery Mobile に追加する

Question

jquery mobile を使用した ajax 呼び出しから返されたデータに基づいて、フォームにチェックボックスを追加しています。フォームとその要素を追加すると、フォームのスタイルがすべて失われます。チェックボックスは一緒に接続する必要があり、送信ボタンも異なるスタイルになっています。

jsFiddle の例

JS コード:

$('#editattendancecontent').append('<p>Who Attended?</p><form id="editattendanceform"><div data-role="fieldcontain"><fieldset data-role="controlgroup" id="editattendancelist"></fieldset></div><input type="submit" value="Save Attendance" data-inline="true" /></form>');
for (var i = 0; i<5; i++)
{
    $('#editattendancelist').append('<input type="checkbox" id=\"' + i + '\" class="custom" /><label for=\"' + i + '\">'+i+'</label>').trigger('create');
}
$('input: checkbox').checkboxradio("refresh");