Добавление атрибута данных в DOM

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

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

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

Я создаю элемент в JQuery. После этого я хочу добавить атрибут «данные». Он как и добавлен, но в DOM это не очевидно, и я не могу получить предмет, используя

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

jsfiddle