title: Why does the browser become unresponsive after multiple events using jQuery?
body: <p>1 - I have this simple html button :</p>
  
  <pre><code>&lt;input type="button" id="testBtn" value="1" /&gt;
  </code></pre>
  
  <p>2 - and some jquery :</p>
  
  <pre><code>function one()
  {
      $("#testBtn").val("1")
      .click(function(){
          zero();
      });         
  }
  
  function zero()
  {
      $("#testBtn").val("0")
      .click(function(){
          one();
      });
  }
  $(document).ready(function(){
      $("#testBtn").click(function(){
          zero();
      });
  });
  </code></pre>
  
  <p>3 - after multiple click on the testBtn firefox shows this message :</p>
  
  <pre><code>A script on this page may be busy, or it may have stopped responding. You can stop script now, or you can continue to see if the script will complete. Script: http://localhost/js/jquery-1.7.2.min.js:2
  </code></pre>
  
  <p>after click continue firefox shows above message again.</p>
  
  <p>4 - I used the following solution instead and was able to resolve the unresponsive dialog:</p>
  
  <pre><code>var state=1;
  
  function onezero()
  {
      if (state == 1)
      {
          $("#testBtn").val("0")
          .click(function(){
              one();
          });
      }
      else
      {
          $("#testBtn").val("0")
          .click(function(){
              one();
          });     
      }
  }
  
  $(document).ready(function(){
      $("#testBtn").click(function(){
          onezero();
      });
  });
  </code></pre>
  
  <p>5 - and above solution works well, but why first solution kills jquery?</p>