title: MVC5 Radio Button Instant Hide/Show
body: <p>I used to use this in Web Form development through the id and name of the input radio button, but can't seem to get it in MVC5, could someone point out what I'm doing wrong?</p>
  
  <p>On a radio button (part of the model) selection, depending which button, I want another text box to appear (within a div).</p>
  
  <p><strong>View:</strong></p>
  
  <pre><code>&lt;div class="ui-grid-solo"&gt;
                    &lt;div class="ui-grid-solo"&gt;
                      &lt;div class="ui-block-a"&gt;
                          &lt;p&gt;AS Number Type&lt;/p&gt;
                          &lt;span&gt;
                              @Html.RadioButtonFor(model =&gt; model.NumberType, "Odd", true)Odd
                              @Html.RadioButtonFor(model =&gt; model.NumberType, "Even", false)Even
                          &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  @if (Model.NumberType == true)
                  {
                      &lt;div id="OddOrEven"&gt;
                          &lt;div class="ui-grid-solo"&gt;
                              &lt;div class="ui-block-a"&gt;
                                  &lt;span&gt;
                                      @Html.EditorFor(m =&gt; m.Reason)
                                  &lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  }  
  </code></pre>
  
  <p><strong>JavaScript:</strong></p>
  
  <pre><code>@section Scripts
  {
      &lt;script type="text/javascript" src="~/Scripts/maintainscroll.jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              $("input[Value='Odd']").click(function () {
                  var test = $(this).val();
                  $("#OddOrEven").show();
              });
          });
      &lt;/script&gt;
  
  }
  </code></pre>