[jQuery] problem traversing
hi i am attempting to make a small quiz and am having a setback... i
was hoping someone could provide a hint or solution.
heres the html:
<div id="quiz">
<ol>
<li><strong>What is apple in french?</strong>
<ol>
<li><input type="radio" name="q1" /> Pomme de terre</li>
<li><input type="radio" name="q1" /> Poire</li>
<li><input type="radio" name="q1" /> Appeaux</li>
<li class="correct"><input type="radio" name="q1" /> Pomme</li>
</ol>
<a href="#" class="quiz-next">Next</a>
</li>
</ol>
</div>
and the jquery:
$('a.quiz-next').bind('click', function() {
if ($(this).prev("ol li.correct input[type='radio']").attr('checked')
=='checked') {
alert(1);
}
});