javascript - trigger click event in iframe parent window

Question

<div id="main">
    <a id="mainp" >Parent Window</a>

    <iframe id="iframeindex" src="iframeindex.html" >

    </iframe>
</div>

<script>
     $(function() {
        $('#mainp').live('click', function(e) {
            alert("hi");
            e.preventDefault();
        });

iframeindex source:

<a id="child1" class="test" href="a.html">aa</a>    

<script>
    $(function() {          
        $('.test').click(function(e){           
            $('#mainp', window.parent.document).css('color', 'red').trigger('click');

            e.preventDefault();
        })
    });

CSS is getting applied on parent window link but click event is not getting trigger. How can i send trigger event to parent window.

Answer 1

window.parent.$('#mainp').trigger('click');

or

window.parent.$('#mainp').click();