title: jQuery Mobile css and javascript are not linked to my code
body: <p>I am new to jQuery Mobile and i am trying to implement the sample jQuery Mobile application from a tutorial. </p>
  
  <p><strong>Here is my code:</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"/&gt; 
              &lt;title&gt;Title&lt;/title&gt;  
          &lt;meta name="viewport" content="width=device-width, initial-scale=1"/&gt; 
  
                  &lt;link rel="stylesheet" type="text/css" href="jquery.mobile.css" /&gt;       
                  &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
                  &lt;script type="text/javascript" src="jquery.mobile.js"&gt;&lt;/script&gt;           
      &lt;/head&gt;  
      &lt;body&gt; 
  
          &lt;div  data-role="page"&gt;                                                       
              &lt;div  data-role="header"&gt;                                                 
                  &lt;h1&gt;Page Header&lt;/h1&gt;  
              &lt;/div&gt;  
  
              &lt;div  data-role="content" &gt;                                                 
                  &lt;p&gt;Hello jQuery Mobile!&lt;/p&gt;  
              &lt;/div&gt;  
  
              &lt;div  data-role="footer"&gt;                                                 
                  &lt;h4&gt;Page Footer&lt;/h4&gt;  
              &lt;/div&gt;  
          &lt;/div&gt; 
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>All the referenced files are included in my project. But the problem is my output is a simple html page without any js or css rule applied. </p>
  
  <p>I want my output like jQuery Mobile sample app. </p>
  
  <p>Please help me.</p>