Ошибка расширения Chrome «$ не определено»

Я получаю сообщение об ошибке «$ is notfined», когда я работаю над расширением Chrome.

Это мой файл манифеста:

   {
      "name": "X",
      "description": "Snip this page",
      "version": "2.0",
      "permissions": [
        "activeTab"
      ],
      "background": {
        "scripts": ["background.js"],
        "persistent": false
      },
      "content_scripts":[{
        "matches" : ["<all_urls>"],
        "js": ["jquery-2.0.2.js","jquery.Jcrop.js"],
        "css": ["jquery.Jcrop.min.css"]
      }],
      "browser_action": {
        "default_title": "Snip this page"
      },
      "manifest_version": 2
    }

Это мой файл background.js:

chrome.browserAction.onClicked.addListener(function(tab){
  // No tabs or host permissions needed!
  chrome.tabs.executeScript({
    file: 'content.js'
  });
});

И, наконец, файл, в котором выдается ошибка: content.js

console.log('1');
var jcropapi, boundx, boundy;
$('body').attr('id', 'target');
$(document).ready(function(){
    $('target').Jcrop();
    console.log('4');
    document.onkeydown = function(){
        if(window.event.keyCode==13){
            console.log('enter');
        }
    };
});

Насколько я понимаю, это происходит потому, что JQuery не загружается. Тем не менее, я правильно загружаю его в манифест, и jquery.js также является первым файлом, который вызывается в скрипте содержимого манифеста. Пожалуйста, помогите мне в отладке. Благодарю вас!

Ответы на вопрос(3)

Ваш ответ на вопрос