jquery - jQuery - .js ファイルの結果を html の特定の場所に配置する

Question

次のような埋め込みコードを持つウィジェットをサイトに配置したい

<script src="http://www.external-site.com/widget.js?id=123" type="text/javascript" language="javascript"></script>

特定のdivの後。

他のページと同じテンプレートを使用する特定の URL にのみウィジェットを表示したいので、jQuery を使用して特定の URL をチェックし、ウィジェットを特定の場所にレンダリングします。

なぜこれが機能しないのですか？

    $(function() {
        if ( document.location.href.indexOf('/url-to-check/') > -1 ) {
         $('#myDiv').after('<script src="http://www.external-site.com/widget.js?id=123" type="text/javascript" language="javascript"></script>');
       }    
                });

つまり、after ステートメントで script タグを使用できないのはなぜですか? 他にどうすればこれを達成できますか？

ありがとう