title: Calling jQuery methods on dynamically created elements in Chrome extension
body: <p>I have a Chrome extension that runs jQuery just fine, except on dynamically created elements, when it invokes the following error: <code>Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.</code></p>
  
  <p>A simplified version of the code in question:</p>
  
  <pre><code>$('#add-dropdown-button').click(function() {
      var newDropdown = '&lt;select id="testDropdown"&gt;&lt;/select&gt;';
      $('td').append(newDropdown);
      $('#newDropdown').append('&lt;option value="1"&gt;Some Choice&lt;/option&gt;');
  });
  </code></pre>
  
  <p>The first 2 lines of the function execute, and the <code>&lt;select&gt;</code> element is added, but the last line throws the error, presumably because that <code>&lt;select&gt;</code> didn't exist from the beginning, Chrome thinks I'm trying to run some kind of inline script.</p>
  
  <p>Is this a bug or am I approaching it wrong?</p>