title: Getting value data-toggle radio button
body: <p>I am having trouble getting the value from a Bootstrap radio button field with data-toggle="wizard-radio".</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('[data-toggle="wizard-radio"]').click(function() {
        wizard = $(this).closest('.wizard-card');
        wizard.find('[data-toggle="wizard-radio"]').removeClass('active');
        $(this).addClass('active');
        $(wizard).find('[type="radio"]').removeAttr('checked');
        $(this).find('[type="radio"]').attr('checked', 'true');
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-sm-4 col-sm-offset-2"&gt;
    &lt;div class="choice" data-toggle="wizard-radio" rel="tooltip" title="Selecteer deze optie als het een eengezinswoning betreft" name="mhb_type"&gt;
      &lt;label&gt;
      &lt;input type="radio" value="House" name="mhb_type"&gt;
      &lt;div class="icon"&gt;
         &lt;i class="material-icons"&gt;home&lt;/i&gt;
      &lt;/div&gt;
      &lt;/label&gt;
      &lt;h6&gt;Eengezinswoning&lt;/h6&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>It can't get the value of radio button. Anyone any idea how to fix this?</p>