Problem when refreshing DIV with jQuery

[ilya Kraft]

Hello, I faced following problem. I have a div on a page which echoes out information from database. I want that div to refresh every 2 seconds, I found jQuery function that does this. but the problem is that content that needs to be refreshed has to be on different page. And this is where I cant figure it out. I will post here information that is currently on my page called "index.php" , but I need to somehow move it to different page called "allposts.p hp" and include it in jQuery function
div has id="loaddiv" and new .PHP file needs to be named allposts.php.

here is jQuery function:

<script src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script> 
 <script> 
var auto_refresh = setInterval(
function()
{
$('#loaddiv').fadeOut('slow').load('allposts.php').fadeIn("slow");
}, 2000);
</script>
 

here is script to collect information from database.

$sql_mem_data = mysql_query("SELECT id, username, firstname, lastname FROM myMembers WHERE id='$uid' LIMIT 1");
    while($row = mysql_fetch_array($sql_mem_data)){
            $uid = $row["id"];
            $username = $row["username"];
            $firstname = $row["firstname"];
            $lastname = $row["lastname"];
            if ($firstname != "") {$username = "$firstname $lastname"; } // (I added usernames late in  my system, this line is not needed for you)
            ///////  Mechanism to Display Pic. See if they have uploaded a pic or not  //////////////////////////
            $cacheBuster = rand(999999999,9999999999999);
            $ucheck_pic = "members/$uid/image01.jpg";
            $udefault_pic = "members/0/image01.jpg";
            if (file_exists($ucheck_pic)) {
            $blabber_pic = '<img style="border:#7cb815 1px solid; width:40px; height:40px;" src="' . $ucheck_pic . '?' . $cacheBuster . '" width="40px" border="0" />';  // forces picture to be 100px wide and no more
            } else {
            $blabber_pic = "<img style=\"border:#7cb815 1px solid;\" src=\"$udefault_pic\" width=\"40px\" height=\"40px\" border=\"0\" />"; // forces default picture to be 100px wide and no more
            }
 
            $comentaryDisplayList .= '
                  <div id="blablol"><table width="100%" align="center" cellpadding="4" style="border-bottom:#c8eb8c 1px solid;">
        <tr>
          <td width="7%" valign="top"><a href="profile.php?id=' . $uid . '">' . $blabber_pic . '</a>
          </td>
          <td width="93%" style="line-height:1.5em;" valign="top">
         <span class="liteGreyColor textsize9"> ' . $whenComent . ' <a href="profile.php?id=' . $uid . '"><strong>' . $username . '</strong></a> <br />
          via <em>' . $comment_device . '</em></span><br />
         <span class="textsize10"> ' . $comment . '</span>
            </td>
        </tr>
      </table></div>';
            }
 
 

And here is how I echo out the information from database in div.

<div id="loaddiv" style="width:300px; overflow:hidden;">
<?php echo "$comentaryDisplayList"; ?>
</div>
 

I need to make this database information auto refresh in id="loaddiv" div. I tried putting

 <?php echo "$comentaryDisplayList"; ?>
 

in allcoments.php file, but it did not work. Any ideas how to make this work please?

Thank You.