externally loaded javascript won't execute

Question

I'm having trouble running javascript from an external file. Here's where it's included in the html:

<div id="article-author-list" class="article-author-list">
    <#list authorGroups as authorGroupItem>
        <@authorGroup item=authorGroupItem/>
    </#list>
    <script type="text/javascript">alert('Hello??');</script>
    <script type="text/javascript" src="/js/article/truncateAuthors.js">    </script>
</div>

Whereas here's truncateAuthors.js:

alert('Found the script!!!');
$(window).load(function () {
    alert('Found the script.');
});
$(document).ready(function () {
    alert('Document is ready');
});
$(function(){
    alert('Running the script');
});

When the html is loaded, the only alert is 'Hello??' from the inline script. How can I get the external file to execute?

Answer 1

Before call your javascript please add this <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> to your file it will work fine. this is jquery library file that we have to use when we are writting code in jquery

Answer 2

I found it! The project was using requireJS and I needed to add it to the declaration. Thanks for all your answers :)