title: how to change the default load ajax loader gif in jquery mobile
body: <p>I have already seen the docs for jquery mobile but couldn't understand how to integrate it on my mobile website. The docs are here at</p>
  
  <pre><code>http://jquerymobile.com/demos/1.2.0-pre/docs/pages/loader.html
  </code></pre>
  
  <p>Actually the gif image doesn't animate on 2.x android devices so I am thinking about making a text only kind of pre loading widget.</p>
  
  <p>I tried changing it via css like this</p>
  
  <pre><code>.ui-icon-loading {
              background: url(themes/images/custom-ajax-loader.gif);
          }
  </code></pre>
  
  <p>but the new imag doesn't scale properly and the old background is still visible.</p>
  
  <p>I am a complete noob with javascript.can someone plz help me with this?</p>