Estou armazenando dados usando odata- abordagem em uma tag HTML assim:

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

Estou recuperando os dados em um retorno de chamada como este:

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

Isso funciona bem. O que eu estou preso é tentar salvar o objeto em vez de apenas uma das propriedades dele. Eu tentei fazer isso:

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

Então, tentei acessar a propriedade name assim:

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

O registro me dizundefined. Parece que posso armazenar cadeias simples nodata- atributos, mas não consigo armazenar objetos JSON ...

Eu também tentei usar esse garoto de sintaxe sem sorte:

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

Alguma idéia de como armazenar um objeto real na tag HTML usando odata- abordagem