jQuery Forum

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.