title: Issue with unbind click with off
body: <pre><code>$('.filter-tab').on('click', function(){
      var $correspondingOverlay = $(this).next().next();
      $correspondingOverlay.fadeIn();
      if($('#one').is(':visible')) {
          $('#sort h2').off('click');
      }
      if($('#two').is(':visible')) {
          $('#filter h2').off('click');
      }
  });
  
  $('.close').on('click', function () {
      $('.filter-results').fadeOut();
      $('#filter h2, #sort h2').on('click');
  });
  </code></pre>
  
  <p>The off() part doesnt take of the click and still allows correpsoding overlay to fade in. Any ideas where I'm going wrong here?</p>