title: .ui-page background image jQuery Mobile 1.4.3
body: <p>I have setup full page background image of my index page. (PS: I have multiple pages in one index.html - index page, about page, services page ,etc.) I want this image to be shown on index page only. The rest of the pages should have white background.</p>
  
  <p>This is my css code:</p>
  
  <pre><code>.ui-page, #index .ui-content{
  background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-size:100% 100%;
  }
  </code></pre>
  
  <p>The problem I have is on other pages if the content is short, background image from .ui-page is visible. How do I assign .ui-page to index.html page only? </p>