title: jQuery Ajax SyncLock
body: <p>I have a couple of buttons that users can click to load content with jQuery's $.ajax. All the buttons load the content into the same div tag. The problem is that if users click multiple times quickly, the content can flash several times before landing on the correct content.</p>
  
  <p>What workaround do I have for this? I was thinking of something similar to .net's SyncLock feature, but in javascript/jQuery. The ideal solution would be to cancel requests currently in the queue and start the new one. </p>
  
  <p>One thing to note is that there might be multiple unrelated ajax requests going on so I can't clear all requests, just ones relating to this one div tag.</p>