textarea not displaying IE but is getting submitted

i have the following function in jQuery and javascript that creates a form element:

createEmail: function(title){
        var $emailForm = $('<form>',{action: 'sendEmail.php', id: 'emailForm'});
        var $table = $('<table>');

        $emailForm.append($table);
        var $tr = $('<tr>');
        $tr.append($('<td>',{text: 'Email From:'}));
        $tr.append($('<td>',{html: '<input type="text" value="" name="from"/>'}));
        $table.append($tr);

        $tr = $('<tr>');
        $tr.append($('<td>',{text: 'Email To:'}));
        $tr.append($('<td>',{html: '<input type="text" value="" name="to"/>'}));
        $table.append($tr);

        $tr = $('<tr>');
        $tr.append($('<td>',{text: 'Message Body:'}));
        $tr.append($('<textArea>',{name: 'msg', cols: 50, rows: 10,
                            text: 'Attached is the ' +title+ ' license key file.\nPlease place the file in the same directory as the "check_license.php" file for ' +title+ ' '}));
        $table.append($tr);

        $tr.append('<input type="hidden" value="'+title+'" name="title"/>');

        var $div = $('<div>').append($emailForm).dialog({
                title: 'Email ' + title + ' File',
                width: 600,
                modal: true,
                buttons: {
                    cancel: function(){
                        $(this).dialog('close');
                    },
                    send: function(){
                        $.post($emailForm.attr('action'), $emailForm.serialize(),function(data){
                            alert(data);
                            $div.dialog('close');
                        })
    开发者_如何转开发                }
                },
                beforeClose: function(){
                    $(this).remove();
                }
            });
        $div.dialog('widget').css('margin','0 auto');

    }

For some reason in IE the text area is not showing up and the dialog looks like this when you click on it:

but in chrome and FF it looks normal:

why is this happening? the text area still gets submitted to my php as if it has something in it (and when i use dev tools in IE8 it says there is content in it)

So why in IE does it not display an editable textarea?

Thanks....

---

If I'm reading correctly, it looks like you're appending your textarea to the row instead of the cell.

---

Perhaps IE is not recognizing the <textArea>, try <textarea>.