title: Chrome Extension - Append HTML & Run jQuery Function on Extension Click
body: <p>So I'm in the midst of creating my first Chrome Extension (Trying)</p>
  
  <p>I feel like I'm close...  But I genuinely don't know what to google to get the answers I need.  So I'm sorry if this is a silly question.</p>
  
  <p>Essentially what I'm trying to do is on click of extension - Append HTML &amp; CSS to body and run a jQuery function.  But from the looks of it, I need to call in jQuery in the manifest?  Which I think I've done and it's still not working.</p>
  
  <p>My Code:</p>
  
  <p><strong>manifest.json</strong></p>
  
  <pre><code>{
    "name": "Title",
    "description": "Description",
    "version": "1.0",
    "browser_action": {
        "default_title": "Hover Title",
        "default_icon": "icon.png"
    },
   "content_scripts": [ {
      "js": [ "jquery-1.7.2.min.js", "background.js" ],
      "matches": [ "http://*/*", "https://*/*"]
    }],
    "manifest_version": 2
  }
  </code></pre>
  
  <p><strong>background.js</strong></p>
  
  <pre><code>chrome.browserAction.onClicked.addListener(function(tab) {
  
      (function ($) {
          $('body').append("Hello");
          alert("Hello");
          console.log("Hello");
      }(jQuery));
  
  });
  </code></pre>
  
  <p>Any insight into where I'm going wrong would be massively helpful!</p>
  
  <p>Thank you!!</p>