jquery dialog submit form in iframe

I'm using jquery to open a dialog containing an iframe (don't ask!). I want to submit the form in the iframe on closing the dialog but it isn't working.

I'm probably making a simple error (I'm quite new to jquery) but this problem has been driving me round the bend.

Here is my code:

    $(function() {

    $( "#iframe" ).dialog({
        modal: true,
        autoOpen: false,
        height: 500,
        width: 700,
        buttons: {
            "Save and close": function() {
                $( "#iframe").contents().find("#contentform").submit();
                $( "#iframe" ).dialog( "close" );
            },
            Cancel: function() {
                $( "#iframe" ).dialog( "close" );
            }
        }
    });

    $( "#openProfile" ).click(function()开发者_StackOverflow {
        $( "#iframe" ).dialog( "open" );
        $('#iframe').attr('src','file.asp');
        return false;
    });     
});

However, if I do this instead of submitting the form:

"Save and close": function() {
var myformvalue = $( "#iframe").contents().find("#formfield").val();
alert(myformvalue);
$( "#iframe" ).dialog( "close" );
}

...it returns the correct value so I know it is recognising my form and its values.

Thanks in advance for your help.

I think you are running up against the jQuery V1.10(/9?) issue where they changed it so that the dialog container is moved out of the DOM, so you don't end up getting postbacks from the page in the iFrame. Reference this: https://stackoverflow.com/a/24663205/3334255 and An ASP.NET button click event is not firing