My last part of the form is behaving strangely. I notices that some br s where missing. So I stepped through my code with the chrome debugger and I found the strangest thing happening.
It places the line break no problem, and continues to place all the various elements after the break. But when it gets to the next line break, the previous line break disappears. (it get removed entirely as an element, and in the browser all the elements below that break jump up a line). The new break gets placed, and the story repeats itself again at the next break.
as you can see, the new_input2, which is the variable containing the br tags, is appended 3 times. each time, its previous iteration is removed. I have a very similar block before which does the same thing which I used for this. the first block works...
$("#roomDivFloor"+level).empty();
for (i=1;i<=roomsResult;i++) {
var new_input1 = $("<h3></h3>").text("חדר "+i);
var new_input2 = $("<br />");
var new_input3 = $("<label></label>").text("שם החדר : ");
var new_input4 = $("<input />");
var new_input5 = $("<label></label>").text("גובה תקרה בחדר : ");
var new_input6 = $("<input />");
var new_input7 = $("<label></label>").text("שטח : ");
var new_input8 = $("<input />");
//var new_input4 = $("<select></select>");
//var new_input5 = $("<div id=floor"+i+"roomGroup></div>");
//$(new_input3).attr("id","floor"+i);
//$(new_input3).attr("for","floor"+i);
//$(new_input4).attr({"class":"floor"+i, "id":"selector" + i, "floorNum":i});
//$(new_input5).attr("floorNum",i);
$("#roomDivFloor"+level).append(new_input1);
$("#roomDivFloor"+level).append(new_input2);
$("#roomDivFloor"+level).append(new_input3);
$("#roomDivFloor"+level).append(new_input4);
$("#roomDivFloor"+level).append(new_input2);
$("#roomDivFloor"+level).append(new_input2);
$("#roomDivFloor"+level).append(new_input5);
$("#roomDivFloor"+level).append(new_input6);
$("#roomDivFloor"+level).append(new_input2);
$("#roomDivFloor"+level).append(new_input7);
$("#roomDivFloor"+level).append(new_input8);
}
});