¿Como coloco un loading en un submit?

[plitre_sys19]

Buenas noches, estoy tratando que al darle click en el submit me salga un loading como buscando los datos pero noc como hacer para que aparezca en el submit, hasta lo momento lo tengo en un div pero lo quisiera en el submit, como podria hacerlo? que me recomiendan?

Código:

beforeSend: function(){
					$("#contact_form #ajaxLoader").removeClass('hide');
				},

y en el div tengo:

Código:

<div id="ajaxLoader" class="hide">
			<fieldset class="ajaxLoader">
					<img src="img/default-loader.gif">
					<p>Espere un momento...</p>
			</fieldset>
		</div>

[diurno10]

porque no haces al revez, a este div #ajaxLoader, aparte de los demas estilos, le pones display:none.

luego en

Código Javascript:

beforeSend: function(){
    $("#contact_form #ajaxLoader").show();
},
complete : function (){
        $("#contact_form #ajaxLoader").fadeOut();   -- o hide     
}
 

[plitre_sys19]

Holaa diurno10 gracias por responderme, ya lo solucione, a la final lo que hice fue que al darle click en el boton en beforend apareciera un div en forma de botón con el loading y me ocultará el boton y cuando terminará invirtiera el proceso y me funciona bien