I am working on a form that has 3 questions with radio groups. The goal is to show a hidden div after all 3 radio boxes are checked. The condition for the div to appear is if the first question is answered "NO" and the remaining 2 questions are answered "YES". I am new to jQuery, so any help would be appreciated.
<table width="100%" cellpadding="3" cellspacing="5">
<tr>
<td>Question 1</td>
</tr>
<tr>
<td><input type="radio" name="q1" value="yes" />Yes
<input type="radio" name="q1" value="no" />No</td>
</tr>
<tr>
<td>Question 2</td>
</tr>
<tr>
<td><input type="radio" name="q2" value="yes" />Yes
<input type="radio" name="q2" value="no" />No</td>
</tr>
<tr>
<td>Question 3</td>
</tr>
<tr>
<td><input type="radio" name="q3" value="yes" />Yes
<input type="radio" name="q3" value="no" />No</td>
</tr>
</table>