Dynamic radio buttons
<p>I have a page full of radio buttons and it won't display "Success: You have completed all questions" dynamically.</p>

<p>html:</p>

<pre><code>    Question 1:&lt;br /&gt;
    &lt;label&gt;&lt;input name="income" type="radio" value="1"  /&gt;10,000&lt;/label&gt; &lt;br /&gt;
    &lt;label&gt;&lt;input name="income" type="radio" value="3" /&gt;30,000&lt;/label&gt; &lt;br /&gt;
    &lt;label&gt;&lt;input name="income" type="radio" value="5" /&gt;50,000&lt;/label&gt; &lt;br /&gt;

    Question 2:&lt;br /&gt;
    &lt;label&gt;&lt;input name="debt" type="radio" value="1" /&gt;10,000&lt;/label&gt; &lt;br /&gt;
    &lt;label&gt;&lt;input name="debt" type="radio" value="5" /&gt;50,000&lt;/label&gt; &lt;br /&gt;
    &lt;label&gt;&lt;input name="debt" type="radio" value="10" /&gt;10,000&lt;/label&gt; &lt;br /&gt;

    &lt;div id="display"&gt;0&lt;/div&gt;
</code></pre>

<p>script:</p>

<pre><code>$('#display').each(function(){
    if($(':radio[name=income]:checked, :radio[name=debt]:checked').length == 2)
    $("#display").html('&lt;p&gt;Success: You have completed all questions&lt;/p&gt;');
    else
    $("#display").html('&lt;p&gt;You have NOT yet completed all questions&lt;/p&gt;');
});
</code></pre>

<p>Thank if you can help.</p>

<p><a href="http://jsfiddle.net/C7NmD/" rel="nofollow">http://jsfiddle.net/C7NmD/</a></p>
