title: Display only required radio buttons using jQuery
body: <p>I'm having set of radio buttons for which I want to display the radio buttons based on value selected in select tag. Its working partly. If I select 2014, it should display first radio button, if I select 2013 it should display two radio buttons. </p>
  
  <p>Currently if I select 2014, it shows first radio button, then select 2013  it displays two radio buttons, if I select back 2014, it still displays two radio buttons(Only first radio button should display)</p>
  
  <p>Here is my code </p>
  
  <pre><code>$('.ncbclaim-slider').addClass('dontshow');    
      $('#eForm_registeredDate').change(function() {    
          $('.ncbclaim-slider').removeClass('dontshow');    
          var currentYear = parseInt(new Date().getFullYear());
          var registeredYear = parseInt($(this).val());   
          $('.ncbclaim-slider .radio-box').show();            
          if($(this).val() != '0') {            
              var noNcbYear =  currentYear - registeredYear;            
              $('input:radio[name="form.details.insurancePolicyToTransfer.noClaimInLastPolicyPeriod"]').not(':lt('+(noNcbYear + 1)+')').parent().parent().hide();                        
          } else {
              $('.ncbclaim-slider').addClass('dontshow');
          }
   });
  </code></pre>
  
  <p>Here is the fiddle </p>
  
  <p><a href="http://jsfiddle.net/5ept4r74/38/" rel="nofollow">http://jsfiddle.net/5ept4r74/38/</a></p>
  
  <p>Please let me know whether I should add anything to my code?</p>