Adicionando atributo de dados ao DOM

$('div').data('info', 1);

alert($('div').data('info'));
//this works    

$('div[data-info="1"]').text('222');
//but this don't work

Estou criando elemento dentro do jquery. Depois disso, quero adicionar o atributo "data". Ele é como e é adicionado, mas no DOM, isso não é aparente, e eu não consigo pegar o item, usando

$('div[data-example="example"]').html()

jsfiddle

questionAnswers(6)

yourAnswerToTheQuestion