AJAX / GET : Parse jQuery in the server side.

AJAX / GET : Parse jQuery in the server side.

Hi this is a simple question, and working this out for days..
I have this script that gets html from the server side and places it to the div container 'maincontainer'.

$(document).ready(function() {
$.get("dashboardcontrol_server.php", myCallback);
//connectBuckets();
});
function myCallback(data)
{
var s = data.toString();
$("#maincontainer").html(s);
alert(s);
}
it perfectly works well. BUT when  i execute jquery from the server side it doesnt works.. i mean the jquery from the server side. Some browser like Safari, Chrome, IE it works but it doesnt works in firefox..

my question is how to parse the jquery script or the javascript from the server side???

heres a sample of my server side string
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-darkness/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/bgiframe/jquery.bgiframe.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {
connectBuckets();
});
function connectBuckets() 
{
/* $(".codylist").sortable({
connectWith: '.codylist',
receive: function(event, ui) { 
$.get("includes/dataCheck.php?study=" + ui.item[0].id + "&moveto=" + $(this)[0].id, function(data) {
$('#logs').html(data);
});
}
}).disableSelection(); */
$(".codylist").sortable({
connectWith: '.codylist',
receive: function(event, ui) { 
$.get("dashboard_event_processor.php?study=" + ui.item[0].id + "&moveto=" + $(this)[0].id, function(data) {
$('#logs').html(data);
});
}
}).disableSelection();
}
</script>
<script type="text/javascript">
$(function() {
$("#tabs2").tabs();
});
</script>


<table border="0" cellpadding="0" cellspacing="4" width="90%" align="center">
<tr>
<td valign="top" align="center" style="height: 20px;" width="500px">
<div id="tabs2">
<ul>
<li><a href="#tabs2-1">Cases</a></li>
<li><a href="#tabs2-2">Summary</a></li>
</ul>
<div id="tabs2-1">
<div id="codybucket">
<h2>Unassigned</h2>
<ul id="unassigned" class="codylist" style="min-height: 160px;"><? print_list('Unassigned', $unassigned); ?></ul>

<h2>Dictated</h1>
<ul id="dictated" class="codylist1"><? print_list('Dictated', $dictated); ?></ul>
</div>
</div>
<div id="tabs2-2">
<div style="width: 100%; border: 0px solid #ffffff;">
<? print_queue('Finals', $finals); ?>
</div>
</div>

</div>
</td>
</tr>
</table>