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

Following code works fine in Firefox. In IE(8.0) button "2" 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?

You should attach click handlers with .click() instead, like this:

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

This is a shortcut for .bind('click', func), though which you can bind any event, several such shortcuts are available.