title: Change jQuery Mobile loading icon
body: <p>I am trying to change the default loading icon for jQuery Mobile (v1.1.0) by overwriting the jquery mobile css setting using this css. This is one way to make it work, as I have understood from reading around. (<a href="https://stackoverflow.com/questions/12225126/how-to-change-the-default-load-ajax-loader-gif-in-jquery-mobile">how to change the default load ajax loader gif in jquery mobile</a>)</p>
  
  <pre><code>ui-loader .ui-icon {
       background-image: url(images/ajax-loader-2.gif);
  } 
  
  .ui-icon-loading {  
       background-image: url(images/ajax-loader-2.gif);
       background-size: 42px 42px;
  }
  </code></pre>
  
  <p>These changes are the only code changes made.</p>
  
  <p>I've also tried to set the background to the image with no luck.</p>
  
  <pre><code>ui-loader .ui-icon {
       background: url(images/ajax-loader-2.gif);
  } 
  
  .ui-icon-loading {  
       background: url(images/ajax-loader-2.gif);
       background-size: 42px 42px;
  }
  </code></pre>
  
  <p>I've placed the new loader in the same directory as the default loader. However, when I debug with firebug it states "Failed to load the given URL". I thought it could be some caching problem, but it shows a black circle -  which means that at least some changes are being made. I also tried to not change any code, but to overwrite the ajax-loader.gif with the new file with no luck. This is an episerver solution.</p>
  
  <p>Hope my problem is clear.</p>
  
  <p>Regards</p>
  
  <p><strong>Solved:</strong></p>
  
  <p>There was a problem file rights when i copied it from local to a VM. </p>