[jQuery] Appending rows to table in IE broken

[jQuery] Appending rows to table in IE broken

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
text-align:right;
direction:rtl;
unicode-bidi:embed;
font-size:11.0pt;
font-family:"Arial","sans-serif";
color:#3B608D;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Verdana","sans-serif";
color:#3B608D;
text-shadow:none;}
p.Code, li.Code, div.Code
{mso-style-name:Code;
mso-style-link:"Code Char";
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:5.65pt;
margin-bottom:.0001pt;
background:#F2F2F2;
font-size:11.0pt;
font-family:"Courier New";
color:#595959;}
span.CodeChar
{mso-style-name:"Code Char";
mso-style-link:Code;
font-family:"Courier New";
color:#595959;
background:#F2F2F2;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>I'm
trying to append new row to a table,<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>In FF
it works as it should, but IE refuses to add new row.<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>This
is the code:<o:p></o:p>
<p class=Code>    var newrow=TR({'class':'friendrow'},<span
lang=HE dir=RTL style='font-size:10.0pt'><o:p></o:p></span>
<p class=Code>               TD({'class':'fname'},"Name:"),<span
lang=HE dir=RTL style='font-size:10.0pt'><o:p></o:p></span>
<p class=Code>              TD({'class':'finput'},INPUT({'type':'text','name':'friends[][name]','class':'freg'})),<span
lang=HE dir=RTL style='font-size:10.0pt'><o:p></o:p></span>
<p class=Code>               TD({'class':'fname'},"Email:"),<span
lang=HE dir=RTL style='font-size:10.0pt'><o:p></o:p></span>
<p class=Code>              TD({'class':'femail'},INPUT({'type':'text','name':'friends[][email]','class':'freg'})));<span
lang=HE dir=RTL style='font-size:10.0pt'><o:p></o:p></span>
<p class=Code>    //document.getElementById("FriendsList").appendChild(newrow);<span
lang=HE dir=RTL style='font-size:10.0pt'><o:p></o:p></span>
<p class=Code>    $("table").append(newrow);<o:p></o:p>
<p class=MsoNormal style='text-align:left;direction:ltr;unicode-bidi:embed'>Any
ideas to why IE ignores my new row?<o:p></o:p>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/