Как правильно хранить данные в DOM

Недавно я использовал тег заголовка в различных элементах HTML для хранения данных в формате JSON в DOM.

Это плохой подход (я предполагаю, что это )? Каков правильный способ добиться этого, который хорошо работает с jQuery? Под "хорошо работает" я имею в виду

$("myButton").click(function (e) {
     var myData;
     eval("myData=" + $(this).attr("title"));
});

Работает довольно хорошо, но опять же, я предполагаю, что есть лучший способ сделать это, нет?

PS: Кстати, как на самом деле работает тег заголовка HTML-элементов? Кажется, я не могу найти, где это на самом деле заканчивается?

PSS: Могу ли я также получить ответ на основе jQuery и не jQuery? (Извините за привередливость)