Passar variáveis de jquery entre iframe e pai

Como posso trabalhar com jQuery eiframe. Obter e passarvar deiframe parabody e debody paraiframe. Eu tenho o seguinte exemplo. Como posso clicar no botãoiframe e fazê-lo entrar em vigor nobody #test. Que tal var x pronto em iframe.

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

Por dentro page.html eu tenho

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

questionAnswers(3)

yourAnswerToTheQuestion