title: jQuery mobile activity indicator not showing in android
body: <p>I try to show activity indicator in my application. I am using <code>activity.js</code> for activity indicator. That one is working fine in browser and iPhone But its not working in Android devices.</p>
  
  <p>I dont know why indicator does not working in android devices.</p>
  
  <p>Here is my sample code for activity indicator:</p>
  
  <pre><code>function showIndicator() {
      console.log("inside show indicator");
      applyOverLay();
      var showIndicator = document.createElement("div");
      showIndicator.setAttribute("class", "activity-indicator");
      document.body.appendChild(showIndicator);
      $('.activity-indicator').activity({
          width: 5,
          space: 1,
          length: 3,
          color: '#fff'
      });
  }
  
  function applyOverLay() {
      var overlay = document.createElement("div");
      overlay.setAttribute("id", "overlayAttr");
      overlay.setAttribute("class", "overlay");
      document.body.appendChild(overlay);
  }
  
  function hideindicator() {
      $('.activity-indicator').activity(false);
      setTimeout(function() { $(".activity-indicator").empty().remove(); }, 0);
      setTimeout(function() { $(".overlay").empty().remove(); }, 0);
  }
  
  function loadhtmlpage() {   
      //location.href='#refillReminder';
      $.mobile.changePage("#refillReminder"); 
      showIndicator();
      hideindicator();
  }
  
  style.css:
  
  .activity-indicator {
      padding: 10px;
      position: absolute;
      top: 50%;
      left: 45%;
      z-index: 1001;
  }
  </code></pre>