javascript - Why is my web app crashing after multiple GET requests? -

i have web page running on python bottle server. have piece of jquery calls request every second can refresh part of page. works fine 8 hours..but when leave running overnight, browser crashes.

here request (which .load() function can refresh part of page) :

  $('#hiddendatadiv').load(document.url + " #hiddendatadiv", function(result) {     if (numberofdivs > 0){     (i = 0; < numberofdivs; i++) {     radioresult[i] = $('#data'+i).text();   }} }); 

this called every second , sends request python bottle server asking new data generated python script.

i'm new server side stuff, causing sort of memory leak? cache problems? there better way refresh page long periods of time?
also, there can in google chrome inspector give me clue?

edit: full function code:

function pollinputs(){   $('#hiddendatadiv').load(document.url + " #hiddendatadiv", function(result) {     if (numberofdivs > 0){     (i = 0; < numberofdivs; i++) {     radioresult[i] = $('#data'+i).text();   }} });   if (radioresult[0] != undefined){       if (numberofdivs > 0){     (i = 0; < numberofdivs; i++) {   document.getelementbyid("input"+i).innerhtml = radioresult[i];       }}   }  } 

don't trigger next request until after you've processed previous one, prevent large backlog building up.

function pollinputs(){       $('#hiddendatadiv').load(document.url + " #hiddendatadiv", function(result) {          if (numberofdivs > 0){              (i = 0; < numberofdivs; i++) {                  radioresult[i] = $('#data'+i).text();              }         }          settimeout('pollinputs()', 1000);      });        if (radioresult[0] != undefined){          if (numberofdivs > 0){              (i = 0; < numberofdivs; i++) {                  document.getelementbyid("input"+i).innerhtml = radioresult[i];              }         }      }  }