Hello, I'm converting a site which god forbid, has mouse over images; UGH.  I found this jquery mouse-over and it seems to work very well without little code. http://code.google.com/p/jquery-swapi...

In a virtual machine test site on my machine, I was able to get it working properly without any problems.  But, when I try to implement the same on the live side, I get an error.  Any ideas as to what is causing me issues?  Thanks.. -Jeff

Both the virtual and live side are running DNNCE 5.3.1.

HTML Module Header:
<script type="text/javascript" src="Portals/0/resources/js/archives/jquery.metadata.min.js"></script>
<script type="text/javascript" src="Portals/0/resources/js/archives/jquery.swapimage.min.js"></script>

HTML Module Code:
<script type="text/javascript">
   $.swapImage(".swapImage");
</script>

<div>
   <img class="swapImage {src: '/Portals/0/resources/images/archives/index/about1.jpg'}" alt="" src="/Portals/0/resources/images/archives/index/about.jpg" />
   <br />
</div>

Error:
Message: Object doesn't support this property or method
Line: 342
Char: 2
Code: 0

 Hello..  Ok..  I was wondering if it may have been something with the $.  I read something with on a DNN blog that the $ could cause issues.

I'm in the process of learning javascript and jQuery, so I'm not sure how I would switch to long-hand.

How would I re-write the following to see if it'd work..

<script type="text/javascript">
   $.swapImage(".swapImage");
</script>