title: jQuery toggle two clicks required in firefox
body: <p>This works fine on all other browsers but in firefox, I need to click my 'show more reviews' link twice for my on click event to fire. any ideas? </p>
  
  <pre><code>$moreReviewsWrapper.toggle(function() {
      $(this).on('click', function(e) {
          e.preventDefault();
          var moreReviewEndpoint = $(this).data().more;
          if(moreReviewEndpoint) {
              $.ajax({
                  type: 'GET',
                  dataType: 'html',
                  contentType: 'text/html; charset=utf-8',
                  url: moreReviewEndpoint,
                  beforeSend: function() {
                      $moreReviewsLink.text('Loading more reviews ...');
                  },
                  success: success,
                  error: function(){
                      $moreReviewsLink.prop('hidden', false);
                      $moreReviewsLink.text(originalText);
                      $commonError.show();
                  }
              });
          }
      });
  }, function() { $(this).off(); });
  </code></pre>