title: Extension refuses to load the script due to Content Security Policy directive
body: <p>Following is my code of HTML</p>
  
  <p>Scripts:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="background.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>      &lt;button name="btnlogin" id="btnlogin"&gt;Login&lt;/button&gt;&lt;br/&gt;&lt;br/&gt;
  </code></pre>
  
  <p>and following is js</p>
  
  <pre><code>$(document).ready(function(){
  document.getElementById("#btnlogin").click(function(){
     alert("s");
   });
  });
  </code></pre>
  
  <p>manifest file:</p>
  
  <pre><code>{
  "manifest_version": 2,
  "name": "One-click Kittens",
  "description": "This extension demonstrates a 'browser action' with kittens.",
   "version": "1.0",
  "browser_action": {
  "default_icon": "icon.png",
  "default_popup": "popup.html"
  },
  }
  </code></pre>
  
  <p>I found that when I run this code simply in browser than alert appears properly but when I run it as a chrome extension it gives me following errors.</p>
  
  <p><strong>Uncaught ReferenceError: $ is not defined</strong></p>
  
  <p>and</p>
  
  <p><strong>Refused to load the script '<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js</a>' because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:".</strong></p>
  
  <p>I don't understand what are these errors. Please help me understanding the extension..</p>
  
  <p>Thank you</p>