Globally add Loading text to the button that post ajax and reset after the request is complete for bootstrap

ajaxbutton.js

$(function(){
    $(document).on('ajaxSend', function () {
          if (settings.context != undefined && settings.context.hasClass('btn')) {
                settings.context.button('loading');
            }
        });

    $(document).on('ajaxComplete', function () {
         if (settings.context != undefined && settings.context.hasClass('btn')) {
                settings.context.button('reset');
         }
      }); 
  });
  //add class 'btn' to the buttton which is the default button class for bootstrap. 
  //To modify loading message add data-loading-text="custom loading text" in the button html.
  //Important! In the ajax call set the "context :$('#btn')" or $(this) if its in click event