title: Why doesn't the clearInterval() works?
body: <p>I'm new to JavaScript and I'm having problems with this script.
  it's part of a web game and the script is suppose to refresh the page until the player wins or loses.
  for some reason it doesn't stop refreshing, I put an alert function to check if the functions works, and i get the alerts but it's still  continue refreshing the page.
  what am i doing wrong?</p>
  
  <pre><code>var t;
  
  $(document).ready(function () {
      intervals();
  });
  function intervals() {
      t = self.setInterval('refreshData()', 10000);
  }
  function youWin() {
      var f = $('#status:contains("YOU ARE THE WINNER!")');
      if (f.length &gt; 0) {
          alert("YOU ARE THE WINNER!");
          t = clearInterval(t);
      }
  }
  function youlose() {
      var f = $('#status:contains("You lost!")');
      if (f.length &gt; 0) {
          alert("You lost!");
          t = clearInterval(t);
      }
  }
  function refreshData() {
      $('#ajaxGame').load('RefreshCurrentPlayerServlet #ajaxGame');
      youWin();
      youlose();
  }
  </code></pre>