noob needs basic help getting plugin properly installed

noob needs basic help getting plugin properly installed

I'm trying to get the hovertip plugin to work in a standard HTML site. I've done this in Drupal, but here I seem to be stuck. I guess I need a concise, download-install cookbook method for plugins. The problem looks suspiciously basic to me.

hovertip.js is in my top directory. I also downloaded the minified version of jquery.js and put it in the same location. I didn't do any uncompression - should I have? My web host says compressed .js should work but I'm unfamiliar with this format. Also, in general where are the .css for various plugins? For this one, it was just hovertip.js copied off the developer's site, so I don't seem to have a .css file. (Is it possible that's the issue here?)

Here is the relevant header code:

[code]
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="hovertip.js"></script>

<script type="text/javascript">
<!--
// initialize tooltips in a separate thread
$(document).ready() {
window.setTimeout(hovertipInit, 1);
});
-->
</script>
[/code]

Here is the test HTML in my body:

[code]
<span hovertip="termdefinition">hover here</span>
<div id="termdefinition" class="hovertip">
<h1>if you see this on the page, it's not working</h1>
<p>this should be hidden - better luck next time</p>
</div>
[/code]