[jQuery] problem displaying ajax data in Firefox (not IE, chrome)

[jQuery] problem displaying ajax data in Firefox (not IE, chrome)


Hi all.
I'm pretty new to jquery and javascipt in general. I've had fun so far
and I'm really enjoying using jquery. So far most compatability
problems I've experienced have been down to IE (trailing commas in
arrays, etc). This latest problem stops a page which works great in IE
and chrome working at all in FF.
The code below basically loads a table of data by post request. Then
applies various functinalities to the elements contained within the
loaded data. In FF the table which should be loaded by post request
just does not display at all.
Can anyone provide any help? I'm stumped.
If more detail is required, please let me know and I'll happily provide.
Pete
Code:
function update_table_row(obj){
var rel = $(obj).attr('rel');
$('input#submit_'+rel).removeAttr('disabled');
$('tr#row_'+rel+' td').css('background-color','pink');
}
function submit_changes(obj){
var rel = $(obj).attr('rel');
$('input#submit_'+rel).attr('disabled','disabled');
$('tr#row_'+rel+' td').css('background-color','cyan');
}
function update(){
$.post("<? echo url::site('ajax/nd_admin/view_accounts')?>",
{ sortby:$("#sortby").val(),
sortdirection:$("#sortdirection").val(),
search:$("#search").val(),
page:$("input#page").val()
},
function(data){
$("#stats").html(data);
$('p.paging a').click(function() {
$('input#page').val($(this).attr('rel'));
$('form#searchform').submit();
return false;
});
$('table#result_table :input').change(function(){
update_table_row(this);
});
$('form.update_details').submit(function(){
submit_changes(this);
return false;
});
}
);
}
$(document).ready(function(){
update();
$("form#searchform").submit(function(){
update();
return false;
});
$("form#searchform :input").change(function(){
update();
return false;
});
});