Dodawanie atrybutu danych do DOM

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

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

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

Tworzę element w jquery. Następnie chcę dodać atrybut „dane”. Jest jak i jest dodany, ale w DOM nie jest to widoczne, a nie mogę dostać tego przedmiotu, używając

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

jsfiddle

questionAnswers(6)

yourAnswerToTheQuestion