title: HREF link that targets nothing, does not want to use hash or void(0)
body: <p>I have a link that I want to be able to click to trigger a piece of jQuery code.</p>
  
  <p>Currently I have</p>
  
  <pre><code>&lt;a href="#" id="foo"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$('#foo').click(function(){
    // Do stuff
  });
  </code></pre>
  
  <p>which works well. But, I have always hated using hash in this way. The page flickers and the hash is added to the page url.</p>
  
  <p>One alternative is to use</p>
  
  <pre><code>&lt;a href="javascript:void(0);" id="foo"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>but I also dislike seeing that piece of code in the browser status bar. It looks tacky.</p>
  
  <hr>
  
  <p>What I'd rather have is an explanatory javascript placeholder that does nothing, like</p>
  
  <pre><code>&lt;a href="javascript:zoom();" id="foo"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>which actually works, but throws an ReferenceError in the javascript console since there are no such function. <strong>What's the minimum definition of a function that does nothing?</strong></p>
  
  <p><strong>Are there any other alternatives?</strong></p>
  
  <p><strong>Should I just skip the link and use something like</strong></p>
  
  <pre><code>&lt;span id="foo" style="cursor:pointer;cursor:hand;"&gt;Link&lt;/span&gt;
  </code></pre>
  
  <p><strong>instead?</strong></p>