Pase variables jquery entre iframe y padre

¿Cómo puedo trabajar con jQuery yiframe. Obtener y pasarvar deiframe abody y debody aiframe. Tengo el siguiente ejemplo. ¿Cómo puedo hacer clic en el botóniframe y hacer que surta efecto en elbody #test. ¿Qué hay de listo var x en iframe.

<body>
var x = "whatever";
<div id"test"></div>
<iframe width="200px" height="200px" src="page.html"></iframe>
</body>

Inside page.html tengo

<button>clickme</button>
<script>
var elm = $('<span>content</span>');
    elm.appendTo('#test')
</script>

Respuestas a la pregunta(3)

Su respuesta a la pregunta