为什么jQuery触发动态加载的css文件的加载事件，而不是javascript文件？

Question

请考虑以下代码：

加载JS

$( "<script src=\"test.js\"><\/script>" ).on( "load",
    function() {
        console.log( "JS LOADED" );
    }
).appendTo( $( "head" ) );

加载CSS

$( "<link rel=\"stylesheet\" href=\"test.css\" />" ).on( "load",
    function() {
        console.log( "CSS LOADED" );
    }
).appendTo( $( "head" ) );

有人可以解释为什么不会触发js文件的加载事件。应该怎样做才能使它发挥作用？