title: Enable Radio Button Checked On Load
body: <p>I'm wanting to ensure the "Email" radio button is checked on load rather than the phone.</p>
  
  <p>For some reason the "Phone" radio button is checked onload yet both inputs are showing, I don't quite understand that. </p>
  
  <p><a href="http://jsfiddle.net/Z3LX5/4/" rel="nofollow">DEMO HERE</a></p>
  
  <p>Here is my jQuery </p>
  
  <pre><code>var ebuForm = {
  
          init : function() {
              ebuForm.showInput();
          },
  
          showInput : function(e) {
  
              var radioInput = $("input[type='radio']"),
                  emailRadio = $("input[value='email']");
  
              radioInput.prop('checked', true);
  
              radioInput.change(function(){
  
                  var emailInput = $('.email-input'),
                      phoneInput = $('.phone-input');
  
                  if($(this).val()=="email") {
                      emailInput.show();
                      phoneInput.hide();
                      console.log('Email Enabled');
                  } else {
                      emailInput.hide();
                      phoneInput.show();
                      console.log('Phone Enabled');
                  }
  
              });
  
          }
  
  };
  $(function() {
      ebuForm.init();
  });
  </code></pre>