title: chrome extension content script not working as expected
body: <p>I'm creating a new Chrome Extension. And I have a <code>content.js</code> file that looks like:</p>
  
  <pre><code>console.log('here');
  </code></pre>
  
  <p>I have a <code>manifest.json</code> file that looks like:</p>
  
  <pre><code>{
    "manifest_version": 2,
    "name": "Netflix Binge Enabler",
    "version": "0.1",
    "permissions": [
      "webNavigation"
    ],
    "background": {
      "scripts": ["eventPage.js"],
    },
    "content_scripts": [
      {
        "matches": [
          "http://www.netflix.com/*"
        ],
        "js": ["jquery-2.1.3.min.js", "content.js"]
      }
    ]
  }
  </code></pre>
  
  <p><code>eventPage.js:</code></p>
  
  <pre><code>console.log('here2');
  chrome.webNavigation.onHistoryStateUpdated.addListener(function (details) {
    console.log('Page uses History API');
  });
  </code></pre>
  
  <p>When I go the <code>netflix.com</code> I get the appropriate <code>'here'</code> string to show up in the console, but once I navigate to a movie/TV show, I don't get a second <code>'here'</code> even though the URL changes. </p>
  
  <p>UPDATED: When I try to add a listener to the <code>onHistoryStateUpdated</code> event, nothing triggers when I change pages. The initial <code>console.log('here2')</code> doesn't fire at all so it seems like the background page isn't working properly. Might need to send an event from the content.js page or something?</p>
  
  <p>Thanks!</p>