動的生成したscriptタグが実行されないのですが

下記のように書いたら、無事scriptタグが作成できるのですが、なぜか実行されません。
$(document).ready(function(){
　var script = document.createElement('script');
　script.src = 'http://hoge';
　script.type = 'text/javascript';
　$("div#result").append(script.outerHTML);

htmlにscriptタグを、直接書くと動作します。
なぜ動的生成した時だけ動かないのでしょうか？
Chromeの下欄で見る限り、見た目は同じなのですが…

No.1 ベストアンサー 回答者： gorusura 回答日時： 2013/10/19 13:49

div#result な要素に .outerHTML を突っ込んでいるからでしょう……

(document.head || document.getElementsByTagName('head')[0]).appendChild(script);
これなら動くはずです。

この回答への補足

回答ありがとうございます。
動的生成する際は、headに書き出さないといけないのでしょうか？

・div#result に scriptタグを直接書くと動作するので、動的生成もその場所でいけると思ったのですが…

補足日時：2013/10/19 14:48

No.2 回答者： gorusura 回答日時： 2013/10/21 20:48

経験的に、head 要素にいれておけば、ちゃんと読み込んでくれると思ったからです。

なぜ、他のところではダメなのか、検討はつきませんが。。

この回答へのお礼

補足ありがとうございましたー

お礼日時：2013/10/24 16:46