title: Image on HTML disappears after adding external jQuery link
body: <p>My javascript is currently blank but I added in the external link to my javascript (<code>&lt;script type="text/javascript" src="script.js"&gt;</code>) into the header of my HTML to begin. However, my image disappears completely. </p>
  
  <p>HTML:
      </p>
  
  <pre><code>&lt;HTML&gt;
  
  &lt;HEAD&gt;
  
  &lt;link rel="stylesheet" type="text/css" href="main.css"&gt;
  &lt;script type="text/javascript" src="script.js"&gt;
  
  &lt;/HEAD&gt;
  
  
  &lt;BODY&gt;
  
  &lt;div id="hong"&gt;
      &lt;img id="hong" src="images/hong.png"&gt;
  &lt;/div&gt;
  
  &lt;/BODY&gt;
  
  
  &lt;/HTML&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>