title: jquery mobile checkbox display issue
body: <p>Please help me on this. I am new to CSS and jQuery Mobile and I got this issue.</p>
  
  <p>The checkboxes in my page do not display the box; only the label. When I click the label, a square appears on the left. </p>
  
  <p>Now, the issue only happens if I download the CSS file to my local file and refer that. If I refer the CSS file from the server directly, the box appears before the text and works normally. Below are the sample source:</p>
  
  <p><strong>Source which has error:</strong></p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt; 
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Mobile App Login&lt;/title&gt; 
          &lt;meta name=viewport content="user-scalable=no,width=device-width"&gt;
          &lt;link rel="stylesheet" href="../jQuery/jquery.mobile.css"&gt;
          &lt;script src="../jQuery/jquery.js"&gt;&lt;/script&gt;
          &lt;script src="../jQuery/jquery.mobile.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div data-role=page id=home&gt;
  
              &lt;div data-role=header&gt;
                  &lt;h1&gt;Login Screen&lt;/h1&gt; 
              &lt;/div&gt;
  
              &lt;div data-role=content&gt;
                  &lt;label&gt;
                      &lt;input type="checkbox" name="checkbox-0" /&gt; 
                      I agree 
                  &lt;/label&gt;
                  &lt;input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" /&gt;
                  &lt;label for="checkbox-1"&gt;I agree&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Source which does not have error:</strong></p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Mobile App Login&lt;/title&gt;
          &lt;meta name=viewport content="user-scalable=no,width=device-width" /&gt;
          &lt;link rel="stylesheet"  href="http://jquerymobile.com/test/css/themes/default/jquery.mobile.css" /&gt;
          &lt;script src="../jQuery/jquery.js"&gt;&lt;/script&gt;     
          &lt;script src="../jQuery/jquery.mobile.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div data-role=page id=home&gt;
  
              &lt;div data-role=header&gt;
                  &lt;h1&gt;Login Screen&lt;/h1&gt;
              &lt;/div&gt;
  
              &lt;div data-role=content&gt;
                  &lt;label&gt;
                      &lt;input type="checkbox" name="checkbox-0" /&gt; 
                      I agree 
                  &lt;/label&gt;
                  &lt;input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" /&gt;
                  &lt;label for="checkbox-1"&gt;I agree&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Everything else works fine; it is just the display of the box that causes me the problem. I took the latest files for the CSS and JS files and checked. </p>
  
  <p>Without the box, the user may think it is just a label</p>
  
  <p>Since I am new, I am unable to give an image, I'm sorry...</p>
  
  <p>Thanks all.</p>