JQuery RadioButton setting functionality doesn't work in IE

JQuery RadioButton setting functionality doesn't work in IE

My problem is quite annoying, probably something really stupid but I've been going around it and didn't find a solution.I call in 2 different pages to this partial view:

  1. <div id="pNotification">
       
    <p>
           
    <strong><%= Html.Label("Status :") %> </strong>

           

    <input type="radio" name="NotificationStatus" id="statusA" value = "A" checked = "checked"/>
           
    <label for="statusA">Active</label>
           
    <input type="radio" name="NotificationStatus" id="statusN" value = "N" />
           
    <label for="statusN">Not Active</label>
           
    <input type="radio" name="NotificationStatus" id="status%" value= "%" />
           
    <label for="status%">Both</label>
       
    </p>


    </div>
    <p id="pNotificationName">
       
    <label for="sNotification">Notification Name: </label>
       
    <select id="sNotification" onchange = "notificationSelected(this);"></select>
    </p>

The thing is that in the document.ready method in an external javascript file I do this:

  1. $('input:radio[name=NotificationStatus]').click(function() {
           
    var val = $('input:radio[name=NotificationStatus]:checked');
            alert
    (val.val());
           
    //setNotificationStatus(val);
       
    });

The funny thing about it is that in the first page I try it, it works just fine and it shows the value of the 3 buttons, but in the second, with the code I'm posting it only shows the alert window when I click on the 3rd radio button below. How is that even possible? It only happens in IE. It's getting me really mad ...

Thank you for your help, V.