Internet Explorer Incompatibility - page just shows "[object Object]" WTH?

Question

When I click on a URL with the link "javascript:$('#dialog-modal').dialog('open');" in Chrome and FF my Jquery dialog loads. In Internet explorer 8 the page source disappears and is replaced with "[object Object]" .. WTH?

Answer 1

In Internet Explodezor JQuery doesnt seem to work via hyperlinks. Therefore I encapsulated this inside a function and just called the function.

Edit: Seriously whyyy do I have to wait 2 days to accept my own answer....

Answer 2

The problem is IE8 expects you to do something with the click event. The below code works and has been tested in Firefox, chrome, IE8. Notice you need the void(0) to make it work.

   <a class="dialogBtn" href="javascript:$('#layer1').hide();void(0);" style="text-decoration:none;color:#FFF">OK</a>

Or you can use this syntax:

   <a class="dialogBtn" href="javascript:void(0);" onclick="$('#layer1').hide();" style="text-decoration:none;color:#FFF">OK</a>