jQuery iframe form submit

Question

Hi All, is there any way to submit an iframed form from jquery?

What i have is the following.

$('button#bookingButton').click(function(){
        $('<iframe id="externalSite" class="externalSite" src="/form/page" />').dialog({
            title:'Form', 
            autoOpen: true, 
            width: 800, 
            height: 600, 
            modal: false, 
            resizable: false,
            buttons:{
                'Close':function(){$(this).dialog("close");},
                'Add Booking':function(){$('form#bookingForm').submit();}
            }
        }).width(800 - 25);
    });

This creates a jquery ui dialog which has an iframe within it. This works fine and the regular sumbit button works fine however the jquery button does not submit the form.

Thanks

Answer 1

add this AFTER you insert the IFRAME into the DOM:

 $("#externalSite").contents().find('form').submit()