OnmouseOver Jquery/Javascript call external function
<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>
