jquery validation not working consistently

jquery validation not working consistently

Hello gurus,

I am having a weird problem.

Our requirement is that when a user checks any radio button choice as poor or fair, then the textarea box becomes a required field asking the user to explain why s/he checks a box as fair or poor.

The problem is that when I fire up a browser and run the following code without feeling out the names or checking any of the radio buttons, then messages display indicating required fields.

Then if I check all required fields inclusing checking at lease on as fair or poor without entering any data into the textarea box, the message is processed.

If however I start out by completing all the boxes and check at least one box as fair or poor, I get challenged to enter data into textarea box.

What could be the problem?


Here is a fiddle.


http://jsfiddle.net/wqhrnof4/1/


Hope I did it well.


Thanks in advance for your help.