title: jQuery detect if radio button is selected on load
body: <p>I'm removing the disabled class from Next step button, when both radio button are checked, it's working fine but the problem is when i reload the page,both radio button remain checked but the disabled class on Next step not triggering. Is there anyway to make it work onload?</p>
  
  <pre><code>&lt;input class="SelectMarital" id="marital1" type="radio" name="marital" value="1"/&gt; 
  &lt;input class="SelectMarital" id="marital2" type="radio" name="marital" value="2"/&gt; 
  
  &lt;input class="SelectPrice" id="price1" type="radio" name="price" value="1"/&gt; 
  &lt;input class="SelectPrice" id="price2" type="radio" name="price" value="2"/&gt;
  
  &lt;a href="#" id="salary" class="btn disabled"&gt;Next Step&lt;/a&gt;
  
  $("input[type=radio]").change(function(){
      if($('.SelectMarital').is(':checked') &amp;&amp; $('.SelectPrice').is(':checked'))  {
          $("#salary").removeClass('disabled');
      }else {
          $("#salary").addClass('disabled');
      }
   });
  </code></pre>
  
  <p>Can anyone help?</p>