title: jquery tablesorter + ajax div content update problem
body: <p>I'm having trouble with my tablesorter and ajax div content update. Once the ajax is reloaded all the tablesorter functionalities are lost. I've tried livequery but it doesn't seem to work beyond first listing of the table.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $(".tabs &gt; ul").tabs();
          $("#sortabletable").tablesorter({
              headers: {
                  4: { sorter: false },
                  5: { sorter: false }
              },
              widgets:['zebra'],
              sortlist:[[0]]
          });
      });
      $("#sortabletable").livequery(function(){
         $(this).tablesorter({
              headers: {
                  4: { sorter: false },
                  5: { sorter: false }
              },
              widgets:['zebra'],
              sortlist:[[0]]                          
         });
      });
  
  &lt;/script&gt;
  
  
  // The AJAX function...
  function AJAX(){
     try{
         xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
         return xmlHttp;
     }
     catch (e){
         try{
             xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
             return xmlHttp;
         }
         catch (e){
             try{
                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                 return xmlHttp;
             }
             catch (e){
                 alert("Your browser does not support AJAX.");
                 return false;
             }
         }
     }
  }
  
  // Timestamp for preventing IE caching the GET request (common function)
  function fetch_unix_timestamp(){
     return parseInt(new Date().getTime().toString().substring(0, 10))
  }
  
  ////////////////////////////////
  //
  // Refreshing the DIV TIMEDIV
  //
  ////////////////////////////////
  
  function events_listings(){
  
     // Customise those settings
     var seconds = 5;
     var divid = "tab01";
     var url = "events_listings.php";
  
     // Create xmlHttp
     var xmlHttp_one = AJAX();
       // No cache
     var timestamp = fetch_unix_timestamp();
     var nocacheurl = url+"?t="+timestamp;
  
     // The code...
  
     xmlHttp_one.onreadystatechange=function(){
         if(xmlHttp_one.readyState==4){
             document.getElementById(divid).innerHTML=xmlHttp_one.responseText;
             setTimeout('events_listings()',seconds*1000);
         }
     }
     xmlHttp_one.open("GET",nocacheurl,true);
     xmlHttp_one.send(null);
  }
  
  // Start the refreshing process
  window.onload = function startrefresh(){
     setTimeout('events_listings()',seconds*1000);
  }
  
  ////////////////////////////////
  //
  // Refreshing the DIV TIMEINWASHINGTON
  //
  ////////////////////////////////
  var formvar = "";
  function view_job(temp){
  
     // Customise those settings
     var seconds = 8;
     var divid = "tab02";
     var url = "view_job.php";
     formvar = temp;
  
     // Create xmlHttp
     var xmlHttp_two = AJAX();
  
     // No cache
     var timestamp = fetch_unix_timestamp();
     var nocacheurl = url+"?t="+timestamp+"&amp;"+formvar;
         // The code...
     xmlHttp_two.onreadystatechange=function(){
         if(xmlHttp_two.readyState==4){
             document.getElementById(divid).innerHTML=xmlHttp_two.responseText;
             setTimeout('view_job(formvar)',seconds*1000);
         }
     }
     xmlHttp_two.open("GET",nocacheurl,true);
     xmlHttp_two.send(null);
  }
  
  // Start the refreshing process
  window.onload = function startrefresh(){
     setTimeout('view_job(formvar)',seconds*1000);
  } 
  </code></pre>