title: Jquery function no result if imported to soon?
body: <p>I created a simple function with Jquery and it works, but if I import it to soon it doesn't work, for example</p>
  
  <pre><code>&lt;html land="en"&gt;
  &lt;head&gt;
      &lt;meta carset="utf-8"&gt;
      &lt;title&gt; Jquery 2 &lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;!-- Inline is JS in the HTML file --&gt;
  &lt;p id="paragraph"&gt; This is a paragraph &lt;/p&gt;
  &lt;script src="jquery-1.10.2.min.js"&gt;&lt;/script&gt;
  &lt;script src="Tutorial2.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This works, but if I did this</p>
  
  <pre><code>&lt;html land="en"&gt;
  &lt;head&gt;
      &lt;meta carset="utf-8"&gt;
      &lt;script src="jquery-1.10.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="Tutorial2.js"&gt;&lt;/script&gt;
      &lt;title&gt; Jquery 2 &lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;!-- Inline is JS in the HTML file --&gt;
  &lt;p id="paragraph"&gt; This is a paragraph &lt;/p&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This doesn't work.</p>
  
  <p>Is it because my function in Tutorial2.js uses a reference to p id="paragraph" and as the Javascript file is loaded before the page, the function doesn't know what I am telling it to access. Is my assumption correct?</p>