title: jQuery: on click disable click event till response from ajax call
body: <p>Doing following in jQuery:</p>
  
  <pre><code>$('#signupbox1').on('click', '#signup1', function() {
  
      var str = $('#signupform').serialize();
  
      // make it look like a waiting button
      $('#signup1').addClass("btn_wait");
      var btn_val = $('#signup1').val();
      $('#signup1').val('');
  
      $.ajax({
          type: "POST",
          url: "signup_step1.php",
          data: str,
          success: function(msg) {
  
              //doing stuff here
  
          $('#signup1').removeClass("btn_wait");
          $('#signup1').val(btn_val);
          }
      });
  
  });
  </code></pre>
  
  <p>How could you disable the click event as well till you receive an answer from the ajax call? So, when you click on the button it not only "transforms" to a waiting button because of the added class, but also the click event will be "paused"... is this possible?</p>
  
  <p>Thank you very much in advance!</p>