Function ne travail pas dans le premier click

<script>
$(document).ready(function(){

 	$("#form-publicationImage").submit(function(e) {

		  e.preventDefault();

		var publictionImageTitle = $("#publictionImageTitle").val();
		var publictionImageContent = $("#publictionImageContent").val();
		var publictionImageInterets = $("#publictionImageInterets").val();
		var identifier= $("#identifier").val();
		var connectionType= $("#connectionType").val();



		  var MyForm = new FormData();
		  var file = $("#publictionImageFile")[0].files[0];

		  MyForm.append("publictionImageTitle",publictionImageTitle);
		  MyForm.append("publictionImageContent",publictionImageContent);
		  MyForm.append("publictionImageInterets",publictionImageInterets);
		  MyForm.append("identifier",identifier);
		  MyForm.append("connectionType",connectionType);


		  MyForm.append("image",file);


		 if (publictionImageTitle.length == 0 || publictionImageContent.length == 0
					 ) {

			 		alert(" veuillez remplir les champs vide");


			}else {

				$.ajax({

					url: $(this).attr('action'),
		            type: $(this).attr('method'),
		            contentType: false, // obligatoire pour de l'upload
		            processData: false, // obligatoire pour de l'upload
		            data: MyForm,


					success: function(data){

 Spring.addDecoration(new Spring.AjaxEventDecoration({ formId:"form-addMinPost",elementId: "form-publicationImage", event: "submit",params: {fragments: "body"} })); 
 Spring.addDecoration(new Spring.AjaxEventDecoration({ formId:"showPubImageForm",elementId: "btn-partager", event: "onclick",params: {fragments: "show"} }));						 

					},
					error: function (data) {

						alert(data);


					}
				});

			}
	});	

}); 

</script>