Append `return false;` to `onClick` event handler in JavaScript
<p><strong>Main Problem</strong> : Get rid of <code>#</code> when user clicks on <code>anchor</code> tag. I found a solution for this, which is adding <code>return false;</code> in <code>onClick</code> handler</p>

<p><strong>Secondary Problem</strong> : My current code looks like this</p>

<pre><code>&lt;a href="#" onclick="javaScript:toggleDisplay();" title="Some Title"&gt;
    @ViewBag.TotalRecords
&lt;/a&gt;
</code></pre>

<p>And according to solution I got, I want it like this</p>

<pre><code>&lt;a href="#" onclick="javaScript:toggleDisplay();return false;" title="Some Title"&gt;
    @ViewBag.TotalRecords
&lt;/a&gt;
</code></pre>

<ul>
<li>How can I append <code>return false;</code> to my javaScript function call? I can do it manually, but is there any easy way to do this. I am using jQuery? </li>
<li>Is there any other way to get rid of <code>#</code>, without modifying the current markup?</li>
</ul>

<p><strong>EDIT</strong></p>

<p><code>@ViewBag.TotalRecords</code>: This is a MVC3 ASP.Net thing, but it is not related to the question, hence I didn't put it in the tags.</p>

<p>Thanks</p>
