Как правильно добавить форму используя jQuery
 

Нужно на страничку добавить несколько форм, я это пытаюсь сделать таким скриптом

function AddForm(data){
  for ( var i in data) {
    $("<form>",{
      id:"timetable"+data[i].ID,
      name:"timetable"+data[i].ID
    }).appendTo("#list_cost");
    
    $("<input>", {
      type: "text",
      val: "Test"
    }).appendTo("#timetable"+data[i].ID);
  }
}

Но сейчас формы генерируются без id и value и поэтому не срабатывает вторая часть скрипта.
Как правильно добавить несколько форм ?
Вот пример data

data = [{
			"ID":"9",
			"Period":"2010-02-01",
			"State":null,
		},{
			"ID":"10",
			"Period":"2010-03-01",
			"State":null,
		}]

Попробовал сделать деревянным методом

for ( var i in data) {
    $("#list_cost").append('<form name="'+data[i].ID+'" id="'+data[i].ID+'"></form>');
    $("#timetable"+data[i].ID).append('<input type="hidden" value="'+data[i].ID+'"/>');
    $("#timetable"+data[i].ID).append('<input type="submit" value="Ок"/>');
  }

Форма вставляется, инпуты - нет, видать прийдется делать еще более дубовым методом, вставлять цельной текстовой строкой.