Como mostrar un mensaje de Cargando Datos al momento de realizar una consulta?

Buen dia , Compañeros me podrían ayudar en como mostrar un mensaje cuando presiono el botón de consultar,estoy realizando una aplicación web en cual lleno un formulario de rango de fechas y selecciono el tipo de reporte que quiero que me genere , esa parte ya la realiza lo que ahora quiero es mostrar un mensaje de “Cargado datos…” y me bloquee la pantalla para que el usuario visualice que esta trabajando en ello ya que a la hora de realizar las consultas tarda un tiempo en regresarme la información, encontré una forma de que bloquee la pantalla usando unos scripts pero cuando presiono el boton y me falta algun campo se muestra el div de cargando y ya no lo puedo quitar hasta que yo refresque la pagina la aplicacion esta hecha en asp mvc .

<div id="fader" style="display:none"> <div class="centrar">     <img src="~/Content/images/Load-Engrane.gif" class="center-block" />     <p class="text-center" style="font-size:medium">Espere un momento, generando informacion...</p> </div> 

$  ("#btnEnviar").click(function () {              $  ('#fader').css('display', 'block');      });