[jQuery] Grouping Definition list items
I have a survey marked up with a definition list like so:
<dl>
<dt>Question 1</dt>
<dd>Answer 1<input type="radio" /></dd>
<dd class="comments">Answer 2<input type="radio" /></dd>
<dd class="feedback">
<textarea></textarea>
</dd>
<dt>Question 2</dt>
<dd>Answer 1<input type="radio" /></dd>
<dd>Answer 2<input type="radio" /></dd>
<dd class="comments">Answer 3<input type="radio" /></dd>
<dd class="feedback">
<textarea></textarea>
</dd>
</dl>
Is there any way to select the dd elements for a particular dt? I
would like to be able to show/hide the textarea when the radio button
inside dd.comments is clicked/selected.