Radio button change event is not fired.

See more:

Javascript

HTML

jQuery

.NET4

MVC4

Hello All,


I am working on mvc application where i have two radio button. On radio button selection change i hide and show some controls.At the normal stage controls are show and hide on radio button change but when i post method is called and bind database value to radio button controls should be show and hide based on value which is bind but event is not fired.below are the code for reference.

I put debugger on the javascript and i get that $("input:radio[name='ApplicantType']").change(function () { this is not event to fired.debugger lost the focus on this line.

@Html.RadioButtonFor(m => m.ApplicantType, "INDV", new { @checked = "checked" })<span>Individual</span>
                            @Html.RadioButtonFor(m => m.ApplicantType, "ORG")<span>Organization</span>


<script type="text/javascript">
        $(document).ready(function () {
            $("#dvRepresented").hide();
            $("#dvPromoter").hide();
            $("#CustName").prop("disabled", true);
            $("#ApplicantName1").text("Applicant Name");
            $("input:radio[name='ApplicantType']").change(function () {
                var Selectedvalue = $(this).val();
                if (Selectedvalue == "INDV") {
                    $("#Entity").val("1");
                    $("#Entity").prop("disabled", true);
                    $("#CustName").prop("disabled", true);
                    $("#ApplicantName").text("Applicant Name");
                    $("#lblDOB").text("DOB");
                    $("#lblDOBProof").text("DOB/Age Proof");
                    $("#trAge").show();
                    $("#dvRepresented").hide();
                    $("#divPromoterDetails").hide();
                    $("#FullName").show();
                    $("#Gender").show();

                }
                else {
                    $("#Entity").prop("disabled", false);
                    $("#Entity").val("0");
                    $("#ApplicantName").text("Company Name");
                    $("#CustName").prop("disabled", false);
                    $("#lblDOB").text("DOI");
                    $("#lblDOBProof").text("DOI Proof");
                    $("#trAge").hide();
                    $("#dvRepresented").show();
                    $("#divPromoterDetails").show();

                    $("#FullName").hide();
                    $("#Gender").hide();
                }
            });
        });
    </script>

What I have tried:

I use (document).ready(function () but its not working after post.