Radio buttons that hide a class dynamically
<p>"You have not selected X" does not hide after a radio button has been selected.</p>

<p>script:</p>

<pre><code> $('input').live('change', function ()
 {
   if($('debt:radio:checked')) {
     $('.debt1').html('&lt;span style="display:none"&gt;&lt;/span&gt;');}
   if($('assets:radio:checked')) {
     $('.assets1').html('&lt;span style="display:none"&gt;&lt;/span&gt;');}
   if($('kids:radio:checked')) {
     $('.kids1').html('&lt;span style="display:none"&gt;&lt;/span&gt;');}
 });
</code></pre>

<p>html:</p>

<pre><code>    Debt: &lt;br /&gt;
    &lt;input name="debt" type="radio" value="0" /&gt;
    &lt;input name="debt" type="radio" value="-1" /&gt;
    &lt;input name="debt" type="radio" value="-2" /&gt;&lt;br /&gt;


    Kids:&lt;br /&gt;
    &lt;input name="kids" type="radio" value="0" /&gt;
    &lt;input name="kids" type="radio" value="1" /&gt;
    &lt;input name="kids" type="radio" value="3" /&gt;&lt;br /&gt;


    Assets:&lt;br /&gt;
    &lt;input name="assets" type="radio" value="4" /&gt;
    &lt;input name="assets" type="radio" value="5" /&gt;
    &lt;input name="assets" type="radio" value="6" /&gt;&lt;br /&gt;

    &lt;br /&gt;

    &lt;span class="debt1"&gt;You have not selected debt&lt;/span&gt;&lt;br /&gt;
    &lt;span class="kids1"&gt;You have not selected kids&lt;/span&gt;&lt;br /&gt;
    &lt;span class="assets1"&gt;You have not selected assets&lt;/span&gt;&lt;br /&gt;
</code></pre>

<p>Sample here: <a href="http://jsfiddle.net/ZJpRj/1/" rel="nofollow">http://jsfiddle.net/ZJpRj/1/</a></p>

<p>Working example here: <a href="http://jsfiddle.net/ZJpRj/6/" rel="nofollow">http://jsfiddle.net/ZJpRj/6/</a></p>
