title: Retaining setTimeOut() call even after page reload
body: <p>I've my site pages structure as
  1) index.php which calls addline.php using ajax and the html returned is appended to the index.php
  2) the addline.php calls another page more.php using ajax which again appends the returned html to it
  3) Again more.php calls another file update.php and in the update.php, I've my following js codes</p>
  
  <pre><code>var number = parseInt("&lt;?php echo $delFlag; ?&gt;");
      if ( number == 1) {
          // Calling updateLine() function after 5 mins
          timer = setTimeout("updateLine()",1000*5*60);   
  
      }
  
      function updateLine() {
              var flagId = &lt;?php  echo $flagId; ?&gt;;
          var dataPass = 'flagId=' + flagId;
          $.ajax({
              type: "POST",
              url: "proc/updateLine.php",
              data: dataPass,
              cache: false,
              success: function(){
                  // Show error if error is there
              }
          }); 
      }
  </code></pre>
  
  <p>All the time, my location is still index.php.</p>
  
  <p>The javascript function works properly if I do not reload the page. If I reload the page, it doesn't work. I want the setTimeOut() call to be active in the background even after the reload takes place. It should trigger the function call after 5 mins.</p>
  
  <p>How do I achieve it??</p>