jquery mouseover event not working
<p>I'm trying to use the Show Hint script from dynamicdrive.com to show form errors on my website.</p>

<p>Currently the error is displayed as </p>

<pre><code>  &lt;span class="error"&gt;Error Message&lt;/span&gt;
</code></pre>

<p>when there is an error with one of the inputs.</p>

<p>I would like to use the show hint script to display this error instead, then i will have to edit every page which has error on it by replacing </p>

<pre><code>  &lt;span class="error"&gt;Error Message&lt;/span&gt;
</code></pre>

<p>with</p>

<pre><code>    &lt;span class="error erroranchor" onmouseover="showhint('Error Message Here', this, event, '200px')"&gt;&lt;/span&gt;
</code></pre>

<p>manually.</p>

<p>But i'm trying to save myself some energy here, this is why i've decided to use JQuery instead, I'm new to query and this will be my first coding loool, and from a logical view i thought JQuery will be the best. Here's what i've done so far but nothing is working.</p>

<pre><code>&lt;script type='text/javascript'&gt;
//On document ready.. I'm not sure if it should be document ready or document load.
    $(document).ready(function() {
//First i add the class "erroranchor" to &lt;span class="error"&gt;
    $(".error").addClass("erroranchor");
//Then i've tried to convert the onmouseover event to JQuery mouseover event.
    $(".erroranchor").mouseover(showhint(){
//Here i try to get the "Error Message" from &lt;span class="error"&gt;Error Message&lt;/span&gt; so it can be displayed in the hint box.
        var $errortext = $(this);
        $errortext.text(),
        this.event,
        '200px'
    });
    });
&lt;/script&gt;
</code></pre>

<p>Then there is the CSS which works perfectly as i want.. </p>

<pre><code>.error {
    text-indent: -99999px;
}
.erroranchor {
    background: url(anchor.png);
}
</code></pre>

<p>I'd appreciate if any improvement can be made on the JavaScript above (please keep it easy to understand).</p>
