JQuery e extensão do Chrome

Estou tentando desenvolver uma extensão de teste do Chrome para ver como o JQuery trabalha com extensões do Chrome. Do código fornecido, acho que deve mudar o fundo do pop-up para amarelo.

Eu tentei carregar o jquery.js usando um script de conteúdo e usando o plano de fundo. Quando eu carrego através do comando background scripts, ele mostra que o jquery.js foi carregado.

Aqui estão meus arquivos:

manifest.json

    {
  "name": "Hello World!",
  "version": "1.0",
  "manifest_version": 2,
  "description": "My first Chrome extension.",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "js": ["jquery.js", "content.js"]
    }
  ]
}

popup.html

    <html>
  <head>
    <script src='jquery.js'></script>
    <script src='content.js'></script>
  </head>
</html>

content.js

$('a').css({'background-color': 'yellow'});

Eu tenho o jquery.js na minha pasta de extensão também. Se alguém me der alguma outra coisa para tentar fazer com que isso funcione ou me mostrar um bom exemplo prático de uma extensão do Chrome que liga o jquery, isso seria ótimo!

questionAnswers(1)

yourAnswerToTheQuestion