title: Force click on empty link to not move the page focus
body: <p>I've got an empty link:</p>
  
  <pre><code>&lt;a href="#" id="stop-point-btn"&gt;+ add stop-point&lt;/a&gt;
  </code></pre>
  
  <p>bound to a JS function:</p>
  
  <pre><code>$("#stop-point-btn").bind("click", addStopPoint);
  </code></pre>
  
  <p>which simply adds some content in a div:</p>
  
  <pre><code>function addStopPoint() {
      $("#stop-point-content").append(stopPointHtml())
  }
  </code></pre>
  
  <p>Upon click, if I have scrolled a bit down, it moves me back to the top of the page (of course, because of the provided <code>#</code> empty id value). But how can I make it so that the position, of where I am at the page, does not change (meaning the scroll position).</p>