lazy load the status dom

1 files changed, 2 insertions, 2 deletions

diff --git a/src/Widgets.js b/src/Widgets.js
index 01877128..5e844ae0 100644
--- a/src/Widgets.js
+++ b/src/Widgets.js
@@ -779,8 +779,8 @@ PopUp.prototype = {
 
 
 function Status(body) {
-  this.loader = body.append(Status.DOM).find("#ng-loading");
   this.requestCount = 0;
+  this.body = body;
 };
 
 Status.DOM ='<div id="ng-spacer"></div><div id="ng-loading">loading....</div>';
@@ -788,7 +788,7 @@ Status.DOM ='<div id="ng-spacer"></div><div id="ng-loading">loading....</div>';
 Status.prototype = {
   beginRequest: function () {
     if (this.requestCount === 0) {
-      this.loader.show();
+      (this.loader = this.loader || this.body.append(Status.DOM).find("#ng-loading")).show();
     }
     this.requestCount++;
   },