My jQuery script looks something like (the form is submitting files to upload): $("#addMore").click(function() { $("#progForm").submit(); $("#upTar").css("display","block"); $("#title").val("");$("#obj").val("");$("#theory").val(""); $("#code").val("");$("#output").val("");$("#conc").val(""); }); I want to delay the execution of the code beginning from $("#upTar") until the form submission is completed (that is the files are uploaded and PHP script has responded). **Edit** #upTar is an iframe and the target of the form submission. I want #upTar to be displayed only after its content has been generated from the form action script. Thanks! **Code after solution** $("#addMore").click(function() { $("#progForm").submit(); $('#upTar').load(function() { $("#upTar").css("display","block"); $("#title, #obj, #theory, #code, #output, #conc").val(""); }); });
If that's a real form submit, does the form have a "target" attribute or something, to ensure that the page containing it is not wiped out by the server response? If not, then there's no point doing anything on the page really.