title: Working with jQuery when there is no Internet connection
body: <p>I am completely new to jQuery. When working with jQuery, I disconnected the Internet to check if my webpage works fine without an Internet connection. It displayed some thing which is not required. When I saw the source code, it displayed:</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1&quot;&gt;
  </code></pre>
  <p>So I downloaded the code and kept it in my root folder. Still it's not working well. Can we work with jQuery while offline?</p>
  <p>Here is my code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  
  &lt;!-- [if IE 7 ]&gt;                  &lt;html class=&quot;no-js ie ie7 lte7 lte8 lte9&quot; lang=&quot;en-US&quot;&gt; &lt;![endif] --&gt;
  &lt;!-- [if IE 8 ]&gt;                  &lt;html class=&quot;no-js ie ie8 lte8 lte9&quot; lang=&quot;en-US&quot;&gt; &lt;![endif] --&gt;
  &lt;!-- [if IE 9 ]&gt;                  &lt;html class=&quot;no-js ie ie9 lte9&gt;&quot; lang=&quot;en-US&quot;&gt; &lt;![endif] --&gt;
  &lt;!-- [if (gt IE 9)|!(IE)]&gt; &lt;!-- &gt; &lt;html class=&quot;no-js&quot; lang=&quot;en-US&quot;&gt; &lt;!--&lt;![endif] --&gt;
  
      &lt;head&gt;
          &lt;meta charset=&quot;utf-8&quot;&gt;
          &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;
          &lt;title&gt; Home&lt;/title&gt;
          &lt;meta name=&quot;author&quot; content=&quot;jQuery Foundation - jquery.org&quot;&gt;
          &lt;meta name=&quot;description&quot; content=&quot;jQuery: The Write Less, Do More, JavaScript Library&quot;&gt;
          &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width&quot;&gt;
  
          &lt;link rel=&quot;stylesheet&quot; href=&quot;http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1&quot;&gt;
          &lt;script src=&quot;jquery.min.js&quot;&gt;&lt;/script&gt;
          &lt;!--[if lt IE 7]&gt;&lt;link rel=&quot;stylesheet&quot; href=&quot;css/font-awesome-ie7.min.css&quot;&gt;&lt;![endif]--&gt;
          &lt;script&gt;try{Typekit.load();}catch(e){}&lt;/script&gt;
          &lt;meta name=&quot;generator&quot; content=&quot;WordPress 3.5.1&quot; /&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;!--[if lt IE 7]&gt;
          &lt;p class=&quot;chromeframe&quot;&gt;You are using an outdated browser.
          &lt;a href=&quot;http://browsehappy.com/&quot;&gt;Upgrade your browser today&lt;/a&gt;
          or &lt;a href=&quot;http://www.google.com/chromeframe/?redirect=true&quot;&gt;install
          Google Chrome Frame&lt;/a&gt; to better experience this site.&lt;/p&gt;
          &lt;![endif]--&gt;
  
          &lt;header&gt;
              &lt;section id=&quot;global-nav&quot;&gt;
                  &lt;nav&gt;
                      &lt;div class=&quot;constrain&quot;&gt;
                          &lt;ul class=&quot;links&quot;&gt;
                              &lt;li&gt;&lt;a href=&quot;home.jsp&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                              &lt;li class=&quot;dropdown&quot;&gt;&lt;a href=&quot;CreatPatient.jsp&quot;&gt;Patient&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a href=&quot;CreatePatient.jsp&quot;&gt;Create Patient&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href=&quot;Edit Patient&quot;&gt;Edit Patient&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li class=&quot;dropdown&quot;&gt;&lt;a href=&quot;Appointments.jsp&quot;&gt;Appointments&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a href=&quot;CreateAppointments.jsp&quot;&gt;Create Appointments&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href=&quot;EditAppointments.jsp/&quot;&gt;Edit Appointments&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li class=&quot;dropdown&quot;&gt;&lt;a href=&quot;#&quot;&gt;Reports&lt;/a&gt;
                                  &lt;ul&gt;
                                      &lt;li&gt;&lt;a href=&quot;PreOperative.jsp&quot;&gt;Pre Operative&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href=&quot;IntraOperative.jsp&quot;&gt;Intra Operative&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href=&quot;PostOperative.jsp&quot;&gt;PostOperative&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/nav&gt;
              &lt;/section&gt;
          &lt;/header&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p>When I remove this line:</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1&quot;&gt;
  </code></pre>
  <p>It creates a problem.</p>
  <p>I have downloaded jQuery and kept on the desktop. The HTML file is also on the desktop. Why is it not working?</p>