Adding onclick handler using jQuery attr method does not work in IE

Question

The following code works fine in Firefox. In IE (8.0), the "2" button does not work.

$('<button type="button" onclick="alert(1)">1</button>').appendTo($('body'));
$('<button type="button" >2</button>').attr('onclick','alert(2)').appendTo($('body'));

Question: what am I doing wrong?

Answer 1

You must attach clickhandlers .click(), for example:

$('<button type="button">2</button>').click(function() { alert(2); }).appendTo($('body'));

This is a shortcut for .bind('click', func), although you can associate any event with several such shortcuts available .