title: Respond.js not working locally - Support for media queries in IE8
body: <p>I am writing a html page using bootstrap3 template and including the respond.js in that, but when I run it on IE8, it gives me error "Access is denied" in console.
  I am using this to make IE8 support media queries. I have tried a lot of things as given on forums, but no luck. Does respond.js works locally or we need to run on a localhost/web server?</p>
  
  <p>Respond.js link - <a href="https://github.com/scottjehl/Respond">https://github.com/scottjehl/Respond</a></p>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
      &lt;link href="css/bootstrap.min.css" rel="stylesheet" media="screen"&gt;
      &lt;link href="css/main.css" rel="stylesheet" media="screen"&gt;
  
      &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="js/html5shiv.js"&gt;&lt;/script&gt;
        &lt;script src="js/respond.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;div class="container"&gt;
      &lt;h1&gt;Hello, world!&lt;/h1&gt;
  
      &lt;div class="main-cont"&gt;         
      &lt;/div&gt;
  &lt;/div&gt;        
      &lt;script src="js/jquery-1.10.2.min.js"&gt;&lt;/script&gt;        
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>CSS</strong> - main.css</p>
  
  <pre><code>.main-cont {background:#2d3a42; height:100px;}
  </code></pre>