Difference between document.createElement('script') vs jQuery .getScript
<p>I've been having an issue getting <code>.getScript</code> to work in some odd cases.</p>

<p>For instance, this works to load the scripts only when needed.</p>

<pre><code>function twitterSDK() {
    $jQ.getScript('http://platform.twitter.com/widgets.js');
}

function diggShare() {
    $jQ.getScript('http://widgets.digg.com/buttons.js');
}

function buzzShare() {
    $jQ.getScript('http://www.google.com/buzz/api/button.js');
}
</code></pre>

<p>However it doesn't seem to work on a few scripts that I wrote. If I call <code>.getScript</code> to fetch this JS file I've uploaded to Pastebin ( <a href="http://pastebin.com/GVFcMJ4P" rel="nofollow">http://pastebin.com/GVFcMJ4P</a> ) and call <code>tweetStream();</code> nothing happens. However, if I do the following it works:</p>

<pre><code>var twitter = document.createElement('script');
twitter.type = 'text/javascript';
twitter.async = true;
twitter.src = '/path-to/tweet.js';
$jQ('.twitter-section').append(twitter);
tweetStream();
</code></pre>

<p>What am I doing wrong? Any help would be awesome, thanks!</p>

<p>P.S. Which method is faster or more efficient?</p>

<p><strong>Note: My code isn't hosted on pastebin, I just uploaded the contents of the .js file that is on my server to that site so it is easy to share. I am not leeching of pastebin for hosting ;)</strong></p>
