title: jQuery toggle div with radio buttons
body: <p>Simple html &amp; jQuery</p>
  
  <pre><code>&lt;label&gt;&lt;input id="rdb1" type="radio" name="toggler" value="1" /&gt;Money&lt;/label&gt;
  &lt;label&gt;&lt;input id="rdb2" type="radio" name="toggler" value="2" /&gt;Interest&lt;/label&gt;
  
  &lt;div id="blk-1" style="display:none"&gt;
      ...
  &lt;/div&gt;
  &lt;div id="blk-2" style="display:none"&gt;
      ...
  &lt;/div&gt;
  
  $(function() {
      $("[name=toggler]").each(function(i) {
          $(this).change(function(){
              $('#blk-1, #blk-2').hide();
              divId = 'blk-' + $(this).val();
              $("#"+divId).show('slow');
          });
      });
   });
  </code></pre>
  
  <p>The desired toggle effect does not work though. Clicking one radio box fails to hide the other.</p>
  
  <p>Any Ideas?</p>