can't work this one out. simply jquery/ajax effect not working

[unwashed potato!]

http://www.cleansurrey.co.uk/contact.php

can someone check my site and see why this may not be showing the expected effect. If you go to the link above you will get the direct link to the contact page. if you submit the form jquery will check it, add any styling required for fields incorrectly filled out however the effects aren't shown.

if you then go to the site without /contact.php and click the contact link which will slide the form into view, fill it out and click submit it works fine.

i'm clueless as to why this is happening as both pages use the same form and the same .js file for the effects so why does one show it and the other doesn't?

 

[unwashed potato!]

anyone got a clue?

 

[helium]

hmmm, looking now

 

[SMB30]

Can't see anything obvious. Tried adding some alerts to try and trace the flow through javascript?

 

[Blackstar_solar]

At a guess you're not assigning the event handlers

 

[Pho]

Argh, wrote a long reply only for the forum to lose it.

You've probably already fixed it, but if not, here you go:
You have a duplicated leftBar and rightBar element, inside <li id="contactSlide" class="cloned"> - delete them and all is well. I found if I deleted the <li> element itsself it didn't work.

Because of the duplication the errors are being added to the page (I can see this with Firebug) but because of your styling or something you don't see them. The duplicated rightBar (as show in my image) is actually where the blue rectangle is to the left of your page, but you just don't see it. As you can see with the yellow highlight the errors are there, just hidden.

 

[unwashed potato!]

that's weird. the clone is not something i've put there but jquery and i'm unsure why.

edit: turns out the slider effect was causing the contact and feedback page to be cloned. still unsure why but i've solved it by saying if on contact or testimonial page don't include the slider effect.