Сохранить объект JSON в атрибуте данных в HTML jQuery

Я храню данные, используяdata- Подход в теге HTML выглядит так:

<td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td>

Затем я получаю данные в обратном вызове, как это:

$(this).data('imagename');

Это отлично работает. Я застрял в попытке сохранить объект, а не только одно из его свойств. Я пытался сделать это:

<td><button class='delete' data-image='"+results[i]+"'>Delete</button></td>

Затем я попытался получить доступ к свойству name следующим образом:

var imageObj = $(this).data('image');
console.log('Image name: '+imageObj.name);

Журнал говорит мнеundefined, Кажется, я могу хранить простые строки вdata- атрибуты, но я не могу хранить объекты JSON ...

Я также попытался использовать этот ребенок синтаксиса без удачи:

<div data-foobar='{"foo":"bar"}'></div>

Любая идея о том, как сохранить фактический объект в теге HTML, используяdata- подход?