Problema con jquery y ajax

[Munie]

Hola, ojalá alguien me pueda ayudar en esto, estoy haciendo un form con ajax/jquery y php, el problema es que mando una imagen aparte usando un iframe porque como sabrán con ajax no se puede, pero ese input tiene que situarse ANTES del botón de guardar, así que si le pongo directamente submit al botón guardar que tiene el formulario, la imagen no se guarda. Por lo que se me ocurrió directamente darle al evento click la función de enviar y listo, básicamente para que me quede más "entendible" para el usuario. Y al querer agregarle al evento click la función se submit me dejó de funcionar el envio por ajax, alguien tiene idea por què?
Mi idea es que visualmente el formulario pueda quedar asi:
<form>
<input texto>
<input texto>
<input texto>
<input texto>
</form>
<input file>
<boton guardar que hace submit del form>

Acá les paso el código:


$(document).ready(function(){
$('#guardar').click(function() {
$('#subirform').validate({
submitHandler: function(){
$('#subirform').submit(function(){
// e.preventDefault();

$.post("guardarnota.php",
{
num_nota: $("#num_nota").val(),
titulo: $("#titulo").val(),
copete: $("#copete").val(),
contenido: $("#contenido").val(),
mes: $("#mes").val()
},
function(data) {
$("#fileUploadIframe").load(function () {
var iframe = $("#fileUploadIframe")[0];
});
$("#imageForm").submit();
$('#rta').html(data);
$("li:last-child").html($("#num_nota").val() + $("#titulo").val());
//$('#subirform').each (function(){
//this.reset();
//});
//$("#subirform").reset();
}
);
},
errorPlacement: function(error, element) {
//error.appendTo(element.prev("span").append());
element.closest('tr').next().find('.error').append (error);
}
});
});
});
});

Gracias!