Jquery Ajax loading image

   $(document).ready(function () {

        $(“#loadingDiv”).hide();

        $(‘#loadingDiv’)

           .ajaxStart(function () {

           (this).show();

           })

           .ajaxStop(function () {

           $(this).hide();

           });

        });

<div class=”modalTabelGray” id=”loadingDiv” style=”height: 749px; display: block;”>

.modalTabelGray {

    background-color: #7E7E7E;

    height: 100%;

    margin-left: -6px;

    margin-top: -5px;

    opacity: 0.6;

    position: absolute;

    text-align: center;

    width: 100%;

    z-index: 100000;

}