title: Double click fires event twice
body: <p>I am working on a quiz project where a user selects a multiple choice answer (radio button) and then click a link to proceed to the next question. If a radio button has not been selected, the link cannot be clicked. Once a radio button is selected and a link clicked, the next question is pulled from a MySQL database using AJAX.</p>
  
  <p>The issue I am having is that if a user double clicks the link, a question is skipped. So if you are on question 1 and double click the link, question 3 is loaded instead of 2.</p>
  
  <p>Is there a way in jQuery to make an event fire only once, if a link is single or double clicked?</p>
  
  <p>Thanks</p>
  
  <pre><code>$('#next-question-click').on( "click", function(){
  if ($('[name="radio-question"]').is(':checked')){
      var answer = $(".question-content ul li input:checked + label").text();
      question_number = question_number + 1;
  
      if(question_number&lt;100){
          next_question(question_number);
      }
  } else {
      $("#error-text").html('Please select an answer.');
  }
      return false;
  })
  
  .on("dblclick", function(e){
      e.preventDefault();  //cancel system double-click event
  });
  </code></pre>