title: OnmouseOver Jquery/Javascript call external function
body: <p>I could be mistaken here but I thought that inline html can call an external javascript file's function with onmouseover.</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;a href="#" onmouseover="updateParentImage('&lt;?php echo $this-&gt;getGalleryUrl($_image) ?&gt;');"&gt;
  </code></pre>
  
  <p>And my EXTERNAL jquery/javascript file function looks like:</p>
  
  <pre><code>     function updateParentImage ($image_url)
       {
          alert($image_url);
          $('.product-img-box .product-image img').attr('src', $image_url);       
       }
  </code></pre>
  
  <p>The function never runs.  Am I completely missing something?  Shouldn't that tag call the appropriate file even thought the javascript is external?</p>
  
  <p>Note: If I include the javascript inline, the alert box shows but the image that I am trying to change in the document does not change, even though I"m using the same referencing as another place in the code where it successfully updates the image.</p>
  
  <p>Any help would be appreciated.  Thanks!</p>