Adding different data to different jquery tabs

[sarahaziz]

i have 2 functions
1- addMessage(): save data into database and is called only on click .
2-updateMessage():get data with ajax from database, called when document is ready ,called every 3 seconds for new data, and called on success of addMessage().

function updateMessage()
{   
    $.ajax({
    url:"db.php",
    type:"post",
    dataType:"text/xml",
    success:function(data)
    {
        $(data).find("message").each(function() {
            var msg_id = $(this).find("msg_id").text();
            var date_time = $(this).find("date_time").text();
            var from_user = $(this).find("from_user").text();
            var from_group = $(this).find("from_group").text();
            var to_user = $(this).find("to_user").text();
            var to_group = $(this).find("to_group").text();
            var msg_type = $(this).find("msg_type").text();
            var msg = $(this).find("msg").text();
            var grp_abr = $(this).find("grp_abr").text();
 
            var html = "<tr class='blue'>";
            html += "<td><a href='#' class='bullet' onclick='changeStatus(\""+msg_id+"\")'><\/a><\/td>";
            html += "<td><a href='#' class='reply' onclick='reply(\""+from_user+"\");'><\/a><\/td>";
            html += "<td>"+date_time+"<\/td>";
            html += "<td>"+from_user+"["+from_group+"]"+"<\/td>";
            html += "<td>"+to_user+"["+to_group+"]"+"<\/td>";
            html += "<td><a href='#' class="+msg_type+"><\/a><\/td>";
            html += "<td><a href='#' class='flag_msg' onclick='flagMsg("+msg_id+")'><\/a><\/td>";
            html += "<td>"+msg_id+msg+"<\/td>";
            html += "<td>"+grp_abr+"<\/td><\/tr>";
            });
        }
  });
  setTimeout('updateMessage()',3000);
}

Now the data retrieved i want to add to different tabs with different names and different containers, how would i do that. My question isn't a matter of code, it is more about logic or sequence of steps. Any help please.

[kovik]

I'm not a jQuery user, so I can't provide any concrete code for you.

However, can't you just have Array objects that contain all of the information for each tab that is received from the AJAX requests and, upon receiving new data, call functions to update the display of the tabs based on the information from the Array objects?