title: Accessing function in another .js file with $.getScript
body: <p>I'm having a problem regarding accessing a function from one js file to another.</p>
  
  <p>I have tried using jquery to solve this problem, but it does not seems to work. My console in the browser just logs: </p>
  
  <blockquote>
    <p><a href="http://localhost:58763/orderPicking.js?_=1460542934750" rel="nofollow">http://localhost:58763/orderPicking.js?_=1460542934750</a> 404 (Not Found).</p>
  </blockquote>
  
  <p>XHR finished loading: GET "<a href="http://localhost:58763/orderPicking.js?_=1460542934750" rel="nofollow">http://localhost:58763/orderPicking.js?_=1460542934750</a>".</p>
  
  <p>My js looks like this. This is the one with the function that i want to access from another .js file</p>
  
  <pre><code>    function HelloWorld() {
      //print Hello World  
      alert("hello world!");
  }
  </code></pre>
  
  <p>The other .js file(The one that should be able to access the function) looks like this.</p>
  
  <pre><code>    test();
  
  function test() {
      $.getScript('orderPicking.js', function () {
          HelloWorld();
      });
  }
  </code></pre>
  
  <p>I have added this to my index.html</p>
  
  <pre><code>&lt;script type="text/javascript" src="views/OrderPicking/orderPicking.js"&lt;/script&gt;
  &lt;script type="text/javascript" src="views/OrderPicking/orderLines.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I hope you guys can help me troubleshooting the problem.</p>