dynamically add a div tag and inside of div tag insert an loading gif image inside of ajaxStart function

var loading = $(' <div id="loading">  <img src="../img/loading%20(1).gif" id="loading-image" alt="Loading..." /> </div>');

$(document).ajaxStart(function () {
    $( ".your-div-class" ).append( loading );
});

$(document).ajaxStop(function () {
    $( "#loading" ).remove();
});