Digamos que tengo una página en elmismo dominio que puse dentro de un iframe. En el iframe, he agregado datos a un elemento, algo como esto:

HTML

<div id="data"></div>

Guión

$('#data')
    .data('test1', 'this is test data 1')
    .data('test2', ['John', 'Smith'])
    .data('test3', {
        alert1: function() {
            $('#data').append('test3: successful<br>');
        }
    })

Ahora, una vez que esta página está en un iframe, sé que puedo acceder al elemento de la siguiente manera:

$('#frame').contents().find('#data');

Pero cuando trato de obtener los datos de ese elemento, siempre está indefinido.

$('#frame').contents().find('#data').data('test1'); // shows up as undefined

Conozco las tiendas jQuerydata() internamente en uncache objeto, pero no sé cómo acceder desde fuera de ese documento. Configuroesta demo para mostrar mi problema Haga clic en el botón "Obtener datos del marco" para ver los resultados.

Agradecería cualquier aporte :)