How to use JQuery within a Chrome App

How to use JQuery within a Chrome App

As a simple test I am trying to run the default JQuery UI "index.html" inside of a Chrome App. I can't seem to get it to work properly. I put the following files (copied from Create Your First Chrome App ) into the same directory as the default "index.html". I am also including two screen shots showing opening the index.html on it's own and within the Chrome App. What am I am missing? Is it even possible to use JQuery within a Chrome App?

manifest.json
{
  "name": "JQuery Test",
  "description": "JQuery Test Chrome App",
  "version": "0.1",
  "manifest_version": 2,
  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  },
  "icons": { "16": "calculator-16.png", "128": "calculator-128.png" }
}

background.js
chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('index.html', {
    'bounds': {
      'width': 400,
      'height': 500
    }
  });
});