Trigger Event From Iframe

I have two Webparts on a sharepoint site ... thats basicly like haveing two iframes . What I want to do is if there is a change at webpartA , I want to update WebpartB ... what I d

Solution 1:

fixxed the problem by changeing "document" to "body" so Webpart A is :

$("#datain").change(function () {
    parent.$("body").trigger("datachange", [$("#datain").val()]);
})

and Webpart B is :

parent.$("body").on('datachange',function (event, data) {
    $("#dataout").html(data);
});