title: Jquery and Bootstrap Button value issue
body: <p>HTML code</p>
  
  <pre><code>@Html.HiddenFor(m =&gt; m.repDD.Type)
  &lt;button type="button" value="false" onclick="$('#CatD').hide();" class="btn@((!Model.repDD.Type) ? " active" : string.Empty )" data-toggle="button"&gt;blah1&lt;/button&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>@section js {
     &lt;script&gt;
         $(document).ready(function() {            
             if (!$('#repDD_Type').attr('checked')) {
                 $('#CatD').show();
             }
             else {
             $('#CatD').hide();
             }
         });
      &lt;/script&gt;
  }
  </code></pre>
  
  <p>Basically I'm trying to hide some divs based on the value of the button value which is passed to the page as it's an edit page, but no matter what value it is the present code always shows the div even when it shouldn't and using .val('true') or .val(true) doesn't work either so has anybody encountered this problem with using bootstrap radiobuttons before, as normal radiobuttons aren't affected.</p>