redirect page to URL Jquery Google Chrome Extension
<p>Really new to HTML, JavaScript, and Jquery, but I am looking to learn and eventually hoping to make a "shoe bot" program by way of a google chrome extension.</p>

<p>Right now, I just want to link my "Go!" button to take the user to google.com.
It works when I load my HTML document into Chrome directly, however when I try to do the same inside the extension I created, nothing happens.</p>

<p>Here's my manifest file:</p>

<pre><code> {
  "manifest_version": 1,

  "name": "Shoe bot",
  "description": "This extension will provides an ATC &amp; purchase service
               for shoes",
  "version": "1.0",

  "browser_action": {
   "default_icon": "yeezy.png",
   "default_popup": "popup.html"
  },

  "content_scripts":[{

  "js": ["jquery.js","popup.js"],
  "matches": ["http://*/*", "https://*/*"]
  }]
}
</code></pre>

<p>And then my HTML (popup.html):</p>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;
  &lt;head&gt;
  &lt;script src="jquery.js"&gt;&lt;/script&gt;
  &lt;script src="popup.js"&gt;&lt;/script&gt;
    &lt;h1&gt;Size&lt;/h1&gt;
    &lt;p&gt;
    &lt;/p&gt;
    &lt;select&gt;
      &lt;option value = "5.0"&gt;5.0&lt;/option&gt;
      &lt;option value = "6.0"&gt;6.0&lt;/option&gt;
      &lt;option value = "7.0"&gt;7.0&lt;/option&gt;
      &lt;option value = "8.0"&gt;8.0&lt;/option&gt;
      &lt;option value = "9.0"&gt;9.0&lt;/option&gt;
      &lt;option value = "10.0"&gt;10.0&lt;/option&gt;
      &lt;option value = "11.0"&gt;11.0&lt;/option&gt;
      &lt;option value = "12.0"&gt;12.0&lt;/option&gt;
    &lt;/select&gt;
    &lt;p&gt;
    &lt;/p&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;p&gt;
  &lt;/p&gt;
    &lt;button&gt;Go!&lt;/button&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>And then my JavaScript file (popup.js):</p>

<pre><code>  $(document).ready(function(){
    $("button").click(function(){
        window.location.href = "http://www.google.com";
    });
});
</code></pre>

<p>Any tips/help is appreciated</p>