title: Javascript Not Loading in Chrome Extension Script
body: <p><strong>What I'm trying to do</strong></p>
  
  <p>It's an extension that, once the page loads, hides a <code>div</code> that contains a child with class 'example'.</p>
  
  <p><strong>What happens</strong></p>
  
  <p>Nothing. On the <code>js</code> page anything that I place is ignored. I have tried using the console and creating page alerts but nothing will work.</p>
  
  <p><strong>Code</strong></p>
  
  <p><code>manifest.json</code>:</p>
  
  <pre><code>{
  "name": "Example",
  "version": "1.0",
  "default_locale": "en",
  "permissions": [
      "http://example.com/*"
      ],
  "content_scripts": [
      {
          "matches": [
              "http://example.com/*"
          ],
          "js": [
              "js/jquery/jquery.js",
              "src/inject/inject.js"
          ]
      }
  ]
  }
  </code></pre>
  
  <p><code>src/inject/inject.js</code>:</p>
  
  <pre><code>chrome.extension.sendMessage({}, function(response) {
  var readyStateCheckInterval = setInterval(function() {
      if (document.readyState === "complete") {
          clearInterval(readyStateCheckInterval);
  
                      //Nothing here actually happens
                      alert("Extension loaded");
                      console.log("Extension loaded");
  
                      //The script that I *want* to happen
                      $('.example-stamp').parent().parent.().parent().hide();
      }
  }, 10);
  });
  </code></pre>
  
  <p><strong>Notes</strong></p>
  
  <p>The <code>jquery.js</code> file is the latest download from <a href="http://www.jquery.com" rel="nofollow">jQuery.com</a>. There are no errors when loading the unpacked extension into Chrome, and nothing - not even errors - appear in the console.</p>
  
  <p>I have been testing it on <code>http://www.example.com</code>.</p>