title: Dynamically added script will not execute
body: <p>I am dynamically adding a script of a github gist. If I added it to the html before the page loads, the script will execute. But If I try to add it to the page after it loads it adds the script to the page but doesn't execute it.</p>
  
  <p>Here is how I am adding it to the page</p>
  
  <p>Html</p>
  
  <pre><code>&lt;div id="results"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>$('#results').click(function() {
      var script = document.createElement("script");
      script.type = "text/javascript";
      script.src = "https://gist.github.com/1265374.js?file=GetGists.js";
      document.getElementById('results').appendChild(script);
      console.log('script added');
  });
  </code></pre>
  
  <p>Here is the live example</p>
  
  <p><a href="http://jsfiddle.net/guanome/JqB3g/3/">http://jsfiddle.net/guanome/JqB3g/3/</a></p>