There is an important concept one must note here - When you add an Event Handler function to be executed when a particular event is fired, the value that the Event Handler function returns actually goes nowhere, and is passed to nothing. Event Listeners are created to invoke Event Handler functions at an unknown point in the future, but typical script execution is completely linear and happens in the order of the commands in the script - so it is best to define the functionality of your application in a way that you perform certain actions like this only when certain events take place.

It looks like in your question above, you are defining one event handler to listen for when the form is submitted initially, so I will take that as the initial event which gets everything started. Here is how I would handle the submission process you describe:

//wrap the form element in jQuery and cache it so we don't work to re-select it

var $myform = $('#myform');



//specify that we are listening for -when- the form is submit

$myform.on('submit', function(event){

    //prevents the form from actually submitting when submit is first clicked

    event.preventDefault();



    //Simpler image construction

    var image = new Image();

    document.body.appendChild(image);



    //remember to listen for the image's load event before assigning a source

    $(image).on('load', function(){

        //this function is invoked in the future,

        //when the image load event has been fired



        //this bit actually submits the form via GET or POST

        $myform.submit();

    });



    //an image's `src` attribute can be set directly via the`src` property

    image.src = http://placekitten.com/320/240;

});

Example of this working on JSFiddle:

http://jsfiddle.net/Admiral/uweLe/

I would recommend reading up on jQuery's .on() method to gain some insight on the currently preferred methods of event binding - that should clear things up a bit.

http://api.jquery.com/on/

Good luck!