title: Radio Button Selection Change Event Doesn't fire in MVC
body: <p>I'm trying to show hide images based on selection of radio button.  But it seems the jQuery script never fires up on selection change.  My code looks like below</p>
  
  <pre><code>    @Html.Label("Select Chart Type")
              @Html.RadioButton("rbChartType", "1", isChecked: true) @Html.Label("Chart1")
              @Html.RadioButton("rbChartType", "2", isChecked: false) @Html.Label("Chart2")
   &lt;img src="@Url.Action("GetChart1")" alt="Billing Graph" class="img-responsive" id="imgChart1" /&gt;
          &lt;img src="@Url.Action("GetChart2")" alt="Usage Graph" class="img-responsive" id="imgChart2" style="visibility:hidden" /&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>$(document).ready(function () {
      $("input[name='rbChartType']").change(function () {
          alert('hi');
          var selectedRadio = $("input[name='rbChartType']:checked").val();
          if (selectedRadio == 1) {
              $('#imgChart1').show();
              $('#imgChart2').hide();
          }
          else {
              $('#imgChart1').hide();
              $('#imgChart2').show();
          }
      });
  });
  </code></pre>
  
  <p>I could not see my alert firing up!!</p>