JQuery Highlight is not working
<p>i have the following references to jquery on my page:</p>

<pre><code>&lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>and the code within the</p>

<pre><code> $('#goStep2btn').click(function () {

 if (haserrors == true) {
        //alert("Displaying Error Message");
        $('#ErrDisplay').html(errortext);
        window.scrollBy(0, -600);
        $('#ErrDisplayContainer').slideDown({
            duration: 100
        }).animate({
            opacity: 1
        }, {
            queue: false
        });

        //  $('ErrDisplayContainer').animateHighlight();

        $('ErrDisplayContainer').effect('highlight', { color: "#FF0000" }, 3000);
    }
    else if (haserrors == false) {
        //alert("no ERRORS");
        //format personal details and display
        $('#PersonalDetailsContainer').slideUp({
            duration: 200
        }).animate({
            opacity: 1
        }, {
            queue: false
        });
        $('#jq_PersonalDetailsDisplay').slideDown({
            duration: 200
        }).animate({
            opacity: 1
        }, {
            queue: false
        });
}

}
</code></pre>

<p>the button click event has alot more coding in it which validates the user input for registration step 1 before it gives the user an overview of the entered data and then shows step 2 for them to enter their payment information, if there are any errors with the data entered in step 1 the button validation will then show an Error Div tag and i want the div tag to highlight to alert the user that there are issues with the data that need addressing.</p>

<p>could anyone guide me as im quite new to jquery.</p>

<p>thanks in advance :)</p>
