Recentemente, eu estava codificando e encontrei um problema estranho. Eu estava tentando atribuir um atributo de dados a um novo elemento que eu havia criado (via jQuery), apenas para descobrir que ele realmente não atribuiria o atributo. Veja o link abaixo para um exemplo, o código está listado abaixo:

http://jsfiddle.net/y95p100c/1/

Alguma idéia de por que isso está acontecendo? Eu nunca tropecei nisso ...

var div = $("<div />")
$(div).data("foo", "bar")
console.log($(div)[0].outerHTML) // prints <div></div>