[jQuery] different view under ffox and ie?

[Gill Bates]

http://img3.imagebanana.com/view/neg8qni8/ff3.JPG
http://img3.imagebanana.com/view/nio7sjj/ie.JPG

the same code, attached in the following.
In the HTML, I've defined 2 div:
<div id="view"></div>
<div id="edit"></div>

the div view will use ajax() to get the sample data (ex: a;b;c )from
server and display it in a table.
And after clicked edit , it will add a table into div:edit.
But everything's only work in ffox.
Anybody know why?







var datalist;
var i;
var editdata;
$(document).ready(function() {
refresh();
});

function refresh(){
  formremove();
  formbuild();
};

function formremove(){
        $("#list").remove();
};

function formbuild(){
        $("#view").append("<table id='list' border='1'><tr><th>User Defined
Variables</th></tr></table>");
        $.ajax({
    url: 'servlet/demo',
    error: function() {
      alert('Ajax request failed');
    },
    success: function(response) {
      datalist=response.split(';');
      for ( i=0;i<datalist.length;i+=1){
        $("#list").children().append("<tr>"+datalist[i]+"</tr>");
      }
    }
  });
  $("#list").append("<input type='Button' value='Refresh'
onClick='refresh()' />");
  $("#list").append("<input type='Button' value='Edit' rel='facebox'
onClick='editForm()' />");
};


function editForm(){
        $("#edit").append("<form id='userdata'></form>");
        $("#userdata").append("<table id='editlist'
border='1'><tr><th>Values</th><th>Delete</th></tr></table>");
         for ( i=0;i<datalist.length;i+=1){
            $("#editlist").append("<tr><td><input type='text'
value="+datalist[i]+" /></td><td><input type='Button' value='delete'
onClick='deleteRow(this)' /></td></tr>");
         };
        $("#userdata").append("<input type='Button' value='Save'
onClick='saveAll()' />");
        $("#userdata").append("<input type='Button' value='New'
onClick='addRow()' />");
    $("#userdata").append("<input type='Button' value='Close'
onClick='editFormclose()' />");
};

function editFormclose(){
        $("body #userdata").remove();
        refresh();
};


function addRow(){
        $("#editlist").append("<tr><td><input type='text'  value=''  /></
td><td><input type='Button' value='delete' onClick='deleteRow(this)' /
></td></tr>");
};

function deleteRow(elem) {
  var row = $(elem).parent().parent();
  row.fadeOut('normal', function() {
    row.remove();
  });
};

function saveAll(){
        editdata=null;
        var l=$("#editlist").find(":text").length;
        for (i=0;i<l;i+=1){
                if(editdata==null){
                        editdata=$("#editlist").find(":text").eq(i).val();
                } else{
                        
editdata=editdata+";"+$("#editlist").find(":text").eq(i).val();
                };
        };
        postData();
        refresh();
};

function postData(){
         $.ajax({
     type: "POST",
     url: "servlet/data",
     data: "data="+editdata,
     success: function(msg){

     }
   });
};