title: Cannot get Chrome popup.js to use console.log
body: <p>I use console.log heavily to debug when writing JS. I am trying to use it in writing chrome extensions but it is not working. Is there some trickery involved here???</p>
  
  <p>popup.html</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link type="text/css" rel="stylesheet" href="css/jquery-ui-1.10.0.custom.min.css" /&gt;
      &lt;script type="text/javascript" src="js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/popup.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body style="width: 200px"&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>popup.js</p>
  
  <pre><code>console.log('test1');
  $(document).ready(function() {
      console.log('test2');
  });
  </code></pre>
  
  <p>Neither of these appear in the JS debugger.</p>