trigger click event in iframe parent window

<div id="main">
    &l开发者_高级运维t;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.

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

or

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

I have successfully used the following format where other options didn't work.

    if ($("#maip", window.parent.document).length > 0){
        $("#mainp", window.parent.document).click();