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语句中使用脚本标签？我怎么能实现这个目标呢？

由于