如何在iframe jQuery之外定位父ID

Question

如何使用jQuery从iframe中的按钮定位#main？

<div id="main">

<iframe><a class="click" href="#">a button inside a separate HTML</a></iframe>

</div>

我有这段代码：

$('.class').on('click', function(){
    $('#main', parent.document).animate({ 
            'bottom' : '0'
            });
});

我想要做的是当用户点击iframe中的按钮时（来自单独的HTML文档），它会定位#main然后它会动画。