Reconnect User after page refresh or reload

[vikasvyas946]

Hello

I used this library and i want to ask you one thing that how user will reconnect to same connection before page refresh here is my code

<link rel="stylesheet" href="socket/ui-lightness/jquery-ui-1.9.2.custom.css" />
  <link type="text/css" href="socket/jquery.ui.chatbox.css" rel="stylesheet" />
  <script src="socket/socket.js"></script>
  <script type="text/javascript" src="socket/javascript.fx.js"></script>
  <script type="text/javascript" src="socket/chatboxManager.js"></script>
  <script type="text/javascript" src="socket/jquery.ui.chatbox.js"></script>
    
  <script type="text/javascript">
  var socket;
  
  var connected=false;
  var idList = new Array();
  var userlist = new Array();
     
  function chatwith(user) 
  {
     if(!contains.call(idList, user)) { idList.push(user); }
     chatboxManager.addBox(user, {title:user,name:user});
  }
$(document).ready(function()
{
    
  $('body').delegate("ul.online>li", "click", function() 
  {
    chatterid   = $(this).find("label").text();
    chatwithwho = $(this).find("span").text();
    chatwith(chatterid);
  });	  
	  
  socket = $.websocket('ws://192.168.0.17:2000');
  socket.on('connect', function(user) 
  {
    console.log("connected");
     //socket.emit('chat user', user);
  });
 
  socket.on('user list', function(list)
  {
  	 var items = [];
	 var count=0;
     
     $.ajax({
             url      : "api/users.php",
             type     : "post",
             data     : {"check":"yes"},
             dataType : "json",
             success  : function(result)
                        {
                            if(result.json.length > 0)
                            {
                                for(var i = 0; i < result.json.length; i++) 
                               {
                                  items.push('<li><img class="chatsmall" src="'+result.json[i].image+'"><span>' + result.json[i].firstname +" "+ result.json[i].lastname +' </span><label style="display:none">'+result.json[i].myusername+'</label></li>');
                    	       }
                            }       
                            else
                            {
                                items.push('<li>Nobody is online.</li>');
                            }
                            $('ul.online>li').remove();
	                        $('ul.online').append( items.join('') );     
                        }
           });
  });
  
   
        
  socket.on('im user', function (data) 
  {
    console.log(data);
    console.log(data['sender']);
    
    user = data['sender'];
    msg  = data['data'];
   
    chatwith(user);
    $("#" + user).chatbox("option", "boxManager").addMsg(user, msg);
  });
  
  socket.listen();
});
  </script>