title: How to fix "Radio" for multiple-steps in jquery
body: <p>I'm trying to make some form validation. If you click the radio button, you can go to the next step, but if you don't click it, you can't proceed. Here's my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;Bootstrap Multi Step Registration Form Template&lt;/title&gt;
  
      &lt;link rel="stylesheet" href="&lt;?=base_url()?&gt;assets/bootstrap/css/bootstrap.min.css"&gt;
  
      &lt;!-- CSS --&gt;
      &lt;link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500"&gt;
      &lt;link rel="stylesheet" href="&lt;?=base_url()?&gt;assets/multiplesteps/bootstrap/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="&lt;?=base_url()?&gt;assets/multiplesteps/font-awesome/css/font-awesome.min.css"&gt;
      &lt;link rel="stylesheet" href="&lt;?=base_url()?&gt;assets/multiplesteps/css/form-elements.css"&gt;
      &lt;link rel="stylesheet" href="&lt;?=base_url()?&gt;assets/multiplesteps/css/style.css"&gt;
  
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
      &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
      &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;!-- Favicon and touch icons --&gt;
      &lt;link rel="shortcut icon" href="&lt;?=base_url()?&gt;assets/multiplesteps/ico/favicon.png"&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="&lt;?=base_url()?&gt;assets/multiplesteps/ico/apple-touch-icon-144-precomposed.png"&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="&lt;?=base_url()?&gt;assets/multiplesteps/ico/apple-touch-icon-114-precomposed.png"&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="&lt;?=base_url()?&gt;assets/multiplesteps/ico/apple-touch-icon-72-precomposed.png"&gt;
      &lt;link rel="apple-touch-icon-precomposed" href="&lt;?=base_url()?&gt;assets/multiplesteps/ico/apple-touch-icon-57-precomposed.png"&gt;
  
  &lt;/head&gt;
  
  &lt;body background="&lt;?=base_url()?&gt;assets/multiplesteps/img/backgrounds/green.jpg"&gt;
  &lt;?php //$this-&gt;load-&gt;view($view) ?&gt;
  
  &lt;!-- Top content --&gt;
  &lt;div class="top-content"&gt;
  
      &lt;div class="inner-bg"&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-8 col-sm-offset-2 text"&gt;
                      &lt;h1&gt;&lt;strong&gt;KUISIONER RAWAT JALAN&lt;/strong&gt;&lt;/h1&gt;
                      &lt;div class="description"&gt;
                          &lt;p&gt;
                              &lt;b&gt;RUMAH SAKIT UMUM DAERAH TEBET&lt;/b&gt;
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-6 col-sm-offset-3 form-box"&gt;
  
                      &lt;form role="form" action="" method="post" class="registration-form"&gt;
  
                          &lt;fieldset&gt;
                              &lt;div class="form-top"&gt;
                                  &lt;div class="form-top-left"&gt;
                                      &lt;h3&gt;Langkah 1 / 3&lt;/h3&gt;
                                      &lt;p&gt;Keterangan Responden&lt;/p&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-top-right"&gt;
                                      &lt;img src="&lt;?=base_url()?&gt;assets/multiplesteps/img/logorsudtebet.png"&gt;
                                      &lt;!--&lt;i class="fa fa-user"&gt;&lt;/i&gt;--&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="form-bottom"&gt;
  
                                  &lt;div class="form-group col-md-12"&gt;
                                      &lt;label class="col-sm-6"&gt;Usia Responden&lt;/label&gt;
                                      &lt;input class="form-control col-md-6" type="text" placeholder="Isi Usia Anda" name="usia"&gt;
                                  &lt;/div&gt;
  
                                  &lt;div class="form-group col-md-12"&gt;
                                      &lt;label class="col-md-6"&gt;Status Perkawinan&lt;/label&gt;
                                      &lt;div class="col-md-12"&gt;
                                          &lt;input class="radio" type="radio" name="gender" value="male"&gt; Belum Kawin &amp;nbsp; &amp;nbsp;
                                          &lt;input type="radio" name="gender" value="male"&gt; Kawin &amp;nbsp; &amp;nbsp;
                                          &lt;input type="radio" name="gender" value="male"&gt; Cerai Hidup &amp;nbsp; &amp;nbsp;
                                          &lt;input type="radio" name="gender" value="male"&gt; Cerai Mati &amp;nbsp; &amp;nbsp;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
  
                                  &lt;button type="button" class="btn btn-next"&gt;Next&lt;/button&gt;
                              &lt;/div&gt;
                          &lt;/fieldset&gt;
  
                          &lt;fieldset&gt;
                              &lt;div class="form-top"&gt;
                                  &lt;div class="form-top-left"&gt;
                                      &lt;h3&gt;Step 2 / 3&lt;/h3&gt;
                                      &lt;p&gt;Set up your account:&lt;/p&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-top-right"&gt;
                                      &lt;i class="fa fa-key"&gt;&lt;/i&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="form-bottom"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label class="sr-only" for="form-email"&gt;Email&lt;/label&gt;
                                      &lt;input type="text" name="form-email" placeholder="Email..." class="form-email form-control" id="form-email"&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label class="sr-only" for="form-password"&gt;Password&lt;/label&gt;
                                      &lt;input type="password" name="form-password" placeholder="Password..." class="form-password form-control" id="form-password"&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label class="sr-only" for="form-repeat-password"&gt;Repeat password&lt;/label&gt;
                                      &lt;input type="password" name="form-repeat-password" placeholder="Repeat password..."
                                             class="form-repeat-password form-control" id="form-repeat-password"&gt;
                                  &lt;/div&gt;
                                  &lt;button type="button" class="btn btn-previous"&gt;Previous&lt;/button&gt;
                                  &lt;button type="button" class="btn btn-next"&gt;Next&lt;/button&gt;
                              &lt;/div&gt;
                          &lt;/fieldset&gt;
  
                          &lt;fieldset&gt;
                              &lt;div class="form-top"&gt;
                                  &lt;div class="form-top-left"&gt;
                                      &lt;h3&gt;Step 3 / 3&lt;/h3&gt;
                                      &lt;p&gt;Social media profiles:&lt;/p&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-top-right"&gt;
                                      &lt;i class="fa fa-twitter"&gt;&lt;/i&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="form-bottom"&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label class="sr-only" for="form-facebook"&gt;Facebook&lt;/label&gt;
                                      &lt;input type="text" name="form-facebook" placeholder="Facebook..." class="form-facebook form-control" id="form-facebook"&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label class="sr-only" for="form-twitter"&gt;Twitter&lt;/label&gt;
                                      &lt;input type="text" name="form-twitter" placeholder="Twitter..." class="form-twitter form-control" id="form-twitter"&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group"&gt;
                                      &lt;label class="sr-only" for="form-google-plus"&gt;Google plus&lt;/label&gt;
                                      &lt;input type="text" name="form-google-plus" placeholder="Google plus..." class="form-google-plus form-control" id="form-google-plus"&gt;
                                  &lt;/div&gt;
                                  &lt;button type="button" class="btn btn-previous"&gt;Previous&lt;/button&gt;
                                  &lt;button type="submit" class="btn"&gt;Sign me up!&lt;/button&gt;
                              &lt;/div&gt;
                          &lt;/fieldset&gt;
  
                      &lt;/form&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  
  
  &lt;!-- Javascript --&gt;
  &lt;script src="&lt;?=base_url()?&gt;assets/multiplesteps/js/jquery-1.11.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?=base_url()?&gt;assets/multiplesteps/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?=base_url()?&gt;assets/multiplesteps/js/jquery.backstretch.min.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?=base_url()?&gt;assets/multiplesteps/js/retina-1.1.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?=base_url()?&gt;assets/multiplesteps/js/scripts.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Here's my jQuery code:</p>
  
  <pre><code>$('.registration-form fieldset:first-child').fadeIn('slow');
  
  $('.registration-form input[type="text"], .registration-form input[type="password"], .registration-form textarea').on('focus', function() {
      $(this).removeClass('input-error');
  });
  </code></pre>
  
  <p>How can I achieve this functionality?</p>