title: Audible 'click' in IE when using the jQuery .click() event and <a href='#'/>
body: <p>I often use links with <code>href='#'</code> when calling ajax resources.</p>
  
  <p>I noticed that IE makes an audible "click" when clicking these links.</p>
  
  <p>Here's a workaround:</p>
  
  <pre><code>$("#element")
  
  .click(function(){return false;})
  
  .bind("click", function(){ alert(this); });
  </code></pre>
  
  <p>HOWEVER, when I try to encapsulate this functionality in a jQuery plugin, I'm not successfully returning the "clicked" element.</p>
  
  <p>For instance, if I use the approach above I'll get the actual A element that was clicked.</p>
  
  <p>But if I write a plugin like this:</p>
  
  <pre><code>(function($){
      $.fn.clickless = function(fnCallback) {
  
          return this
              .click(function(){return false;})
              .bind("click", function(){
                  fnCallback.call();
              });
  
      }
  })(jQuery);
  </code></pre>
  
  <p>And then call</p>
  
  <pre><code>$("#element").clickless(function(){
  alert(this);
  });
  </code></pre>
  
  <p>I'll get the <code>Window</code> object, which doesn't help when I'm trying to find the actual A tag.</p>
  
  <p>Maybe I'm just writing the plugin incorrectly -- any ideas?</p>
  
  <p>Thanks so much,</p>
  
  <p>Michael</p>