aktualizácia html elementov na stránke bez post back - javascript, jquery, html, asp.net, prehliadač

Dynamicky generujem html v JavaScripte. môj html sleduje

<table id="tr1">
<tbody>
<tr><td><img src="/images/D:listhelladimgautos76cecc74-733d-4794-af6c-caca4d0bfd45.jpg" style="width:50px;"></td></tr>
<tr><td><img src="/images/D:listhelladimgautosa84b01e3-7811-4897-8e4b-fa351ddd4aca.jpg" style="width:50px;"></td></tr>
<tr><td><img src="/images/D:listhelladimgautos2ab6f2d-5a26-40a6-bcef-a18ce10dd14d.jpg" style="width:50px;"></td></tr>
<tr><td><img src="/images/D:listhelladimgautosc47516b8-c265-4d68-a41c-fc74ade50ab7.jpg" style="width:50px;"></td></tr>
<tr><td><img src="/images/" style="width:50px;"></td></tr></tbody></table>

Generujem to pomocou JavaScriptu, ako je tento

  function uploadComplete() {
var v = $.cookie("path").split(",");
for (i = 0; i < v.length; i++) {

$("#tr1").append("<tr><td><img src="/images/" + v[i] + "" style="width:50px;" /></td></tr>");

}
alert("completed");


}

uploadComplete () je javascriptová udalosť a nastane, keď sa súbory nahrajú pomocou ovládacieho prvku Ajax fileupload.

Problém je v tom, že v Chrome sa generuje htmla vidím to pomocou prvku inspect, ale v používateľskom rozhraní prehliadača sa to nezobrazuje. A vo Firefoxe sa tabuľka zobrazuje v používateľskom rozhraní prehliadača, ale obrázky sa nenačítavajú.

Akákoľvek rada, názor, návrh bude užitočný, vďaka

odpovede:

Budete musieť urobiť toto:

$("#tr1 tbody").append("<tr><td><img src="/images/" + v[i] + "" style="width:50px;" /></td></tr>");

Musíte pridať riadky do tela a nie priamo do tabuľky

Skúste toto:

$("#tr1 tr")
.last()
.after("<tr><td><img src="/images/" + v[i] + "" style="width:50px;" /></td></tr>");