Dummy link in HTML to load dialog

Question

How to create a dead link in html.

I need to provide a "link" in my webpage that just opens up a jquery dialog. I cannot provide a href since it loads the page. I just want the link to appear like a link. So I tried with the following.

<a id='opener_guid' > Click here to load jquery message box</a>

The jquery load works well, but the link just appears as a simple text. User has no clue that it is clickable. How to solve this?

Answer 1

Just add a href to nowhere to make the anchor a link

<a id='opener_guid' href="#" > Click here to load jquery message box</a>

Then to prevent navigating to yourpage.ext#, you can return false on click, and/or call preventDefault()

Answer 2

<a id="link" href="#">Your text here<a/>