javascript - 2 つある場合、2 つ目の jquery $(function(){...}) がロードされていません

Question

他のテンプレートに継承されるすべての一般的なコードを含む base.html があります。

そして、base.htmlから多くのものを継承するprofile.htmlがあります

base.html には次のものがあります。

<script>
 $(function(){
    alert('base');
 })
</script>

これはすべてのテンプレートに継承されます。

そして、profile.html には、継承されたコードの横に、これもあります。

<script>
 $(function(){
    alert('profile');
 })
</script>

プロファイルページをロードすると、出力されるだけbaseで出力されませんprofile。$(function(){...})2番目がロードされていないのはなぜですか?

base.html に jquery ソースをロードします。