Click event not working in IE but does in FF.

Click event not working in IE but does in FF.

I have a page that consists of two ASP.Net listboxes and I am using the document.ready function to bind the click event to each option element within the listboxes. So when you click on one option, it's supposed to move to the next listbox; and vice versa. This works perfectly in FireFox but not in IE, go figure. But no javascript error is thrown, so not sure where to begin on issue. I've read in some forums that document.ready has some problems with IE and I'm also thinking it could be the way that the selector is being used in IE. I'll include the function, and if someone could help me I would greatly appreciate it. Thanks.

Also, I'm using version 1.2.6



$(document).ready(function() {

  $("#<%=uiAvailablePlanTypes.ClientID%> option").click(function() { AddPlanType(this.value); });

  $("#<%=uiAssignedPlanTypes.ClientID%> option") .click(function() { RemovePlanType(this.value); });

  SavePlanTypesValues();
});