title: Disabled input tag based on dropdown value is not working
body: <p>I'm going to create a dropdown list that contains four values (One, Two, Three, Four). When user chooses (One, Two or Three), the textbox below the dropdown list must allow user to type any text in it; but when user chooses Four, textbox should be disabled.</p>
  
  <p><strong>Here is my code</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-1.8.1.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      var $inputs = $('#myclass');
          $('#select').change(function(){
          $inputs.prop('disabled', $(this).val() === '4');
      });
  &lt;/script&gt;
  &lt;title&gt;Choose one&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;select id="select"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Two&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
          &lt;option value="4"&gt;Four&lt;/option&gt;
      &lt;/select&gt;
      &lt;input type="text" id="myclass"/&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The code above is not working. Can anyone help me to solve this problem?</p>