title: Killing previous ajax requests before new one is sent
body: <p>I'm attempting to track ajax requests in an array and cancel any existing requests before the next one fires off, but I'm getting a $(this).abort() function does not exist. Any ideas?</p>
  
  <pre><code>   var ajaxPool = new Array();
  
       $('.search_input').live('keyup', function() {
  
              $.each(ajaxPool, function(){
  
                  $(this).abort();
  
              });
  
              var query = $('.search_input').val();   
  
              if (query == '' || query == ' ') {
  
                  $('.search_results').remove();
                  return false;
              }
  
              var request = $.ajax({ type: 'GET',
                       url:  '{{ path('Search') }}/' + query,
  
                       beforeSend:function() {
  
  
                       },
                       success:function(data){
  
                           $('.search_results').remove();
                           $('.search_bar').append(data);
  
                       },                         
                       error:function(){
  
                           alert("Could not complete search.");
  
                       }
                   });
  
                   ajaxPool.push(request);
          }); 
  </code></pre>