Onclick doesn't fire in IE when DOM element created via jQuery

Question

So here is the jQuery snippet I am using to create a div that I want to click on

$("#someID").after('<div style="cursor:pointer; text-decoration:underline; display:inline;" onClick="alert(\'It Worked\');">Details</div>');

This Works in FireFox without any problems its just IE that doesn't fire the event. The div is added right after #someID but the onclick doesn't work.

Answer 1

You should add the click handler using jQuery's click method, like this:

$('<div style="cursor:pointer; text-decoration:underline; display:inline;">Details</div>')
    .click(function() { alert('It Worked'); })
    .insertAfter('#someID');

This will work, and will also be much faster. (The browser won't need to fire up a Javascript parser)

Answer 2

use .live() or .delegate() to bind events to elements created after page load (in the future).