title: Browser action radio button click
body: <p>My problem is the following:
  I was able to attach a listener to a browser_action radio button in a chrome extension and it can pop an alert window if I want it to do so BUT</p>
  
  <p>My intention is to hide() / show() a button on the page that I inserted into the DOM with this same extension.</p>
  
  <p>My question is what am I missing? How can I make it work?</p>
  
  <p>Below you can find all the code snippets I'm using.</p>
  
  <p><strong>manifest.json</strong></p>
  
  <pre><code>{"manifest_version": 2,
  "name": "Button Summoner",
  "description": "This extension shows a pop-up window where you can summon a button",
  "version": "0.1",
  "browser_action": {
      "default_icon": "icon.png",
      "default_popup": "popup.html"
  },
  "content_scripts": [
  {
   "matches": ["https://*/*"],
   "js": ["jquery_min.js","summoner.js"]
  }]}
  </code></pre>
  
  <p><strong>summoner.js</strong></p>
  
  <pre><code>jQuery(document).ready(function(){
     var button = $('&lt;button id="cc_lookUp_button &gt;Button&lt;/button&gt;');
     button.hide();
     $(button).insertAfter("body");
  });
  </code></pre>
  
  <p><strong>popup.html</strong></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script src="jquery_min.js"&gt;&lt;/script&gt;
      &lt;script src="popup.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
      &lt;body&gt;
         Enable/Disable Extension&lt;br/&gt;
         &lt;input type="radio" id="radioEnable" name="enable" value="enable"&gt;Enable&lt;/br&gt;
         &lt;input type="radio" id="radioDisable" name="enable" value="disable"&gt;Disable&lt;/br&gt;&lt;/br&gt;
  </code></pre>
  
  <p><strong>popup.js</strong></p>
  
  <pre><code>document.addEventListener('DOMContentLoaded', function () {
    document.querySelector('#radioEnable').addEventListener('change', changeHandler);
  });
  function changeHandler(){
  
  if(radioEnable.checked){
    alert("BYOB"); //this works like a charm
    $('#cc_lookUp_button').show(); //this is not
  }
  else{
    $('#cc_lookUp_button').hide(); // neither this
  
    }
  }
  </code></pre>
  
  <p>There is no error message it just simply doesn't work.</p>