I am having a problem with disabling DropDownList based on the chice of 1st DropDownList, there is no post back occuring, and it is a template based web app here is the current code:

<script type="text/javascript">
  $(function() {  var dropDownList1 = $('#<%= ddlUserType.ClientID %>');
   var dropDownList2 = $('#<%= ddlMember.ClientID %>');            dropDownList1.change(function(e)                                                                        {
if ( jQuery("#ddlUserType").val() != "ETOC")                           dropDownList2.removeAttr('disabled');                                     e.preventDefault();
  else 
  dropDownList2.removeAttr('enabled');                                    e.preventDefault(); }
 } );
  </script>

what is happening now is page is blank and if I remove the above code everything shows, where I am going wrong, any help would be much appreciated.