How to disable and enable a dropdownlist in Jquerymobile

How to disable and enable a dropdownlist in Jquerymobile

Hello, I'm kinda new to Jquery mobile. I building a mobile app with asp.net mvc4 and using jquery moblie in the UI.
 
I have two dropdownlists and I want enable or disable one based on the selection of the previous one. How do I go about it.

I tried this earlier but it did not work.

  1. <script type="text/javascript">
  2.     $(document).ready(function(){

  3.         

  4.         $("SelectedActionForUser").change(function () {
  5.             
  6.             
  7.             if ($(this).val() == "3") {
  8.                
  9.                 
  10.                 $("#SelectedEmployee").prop('disabled', false);
  11.                 
  12.                
  13.             }
  14.             else {
  15.                 $("#SelectedEmployee").prop('disabled', true);

  16.             }
  17.         });

  18.        
  19.     });

  20.     
  21. </script>