title: Way to lock a select element after a radio button is selected in jQuery
body: <p>I have a select drop down filled with options and then I have two radios like so...</p>
  
  <pre><code>&lt;form&gt;
    &lt;select id="drop_down"&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;div id="radios"&gt;
      &lt;input type="radio" value="blue" id="blue" name="radio_option"&gt;Blue&lt;/input&gt;
      &lt;input type="radio" value="green" id="green" name="radio_option"&gt;Green&lt;/input&gt;
    &lt;/div&gt;
  &lt;/form&gt;  
  </code></pre>
  
  <p>My goal is that once a user makes a selection in the drop down and then selects a radio button... then the select drop down will (for lack of a better term) "lock up", preventing the user from going back and changing their drop down selection. </p>
  
  <p>I know there's a way in jQuery to accomplish this... however I have not been able to find a way...</p>
  
  <p>This is my jQuery so far (it's wrong)... I am not sure what the event should be after the <code>$('#drop_down')</code>....  </p>
  
  <pre><code>$('#radios').change(function(){
    $('#drop_down').removeProp(select);
  });
  </code></pre>
  
  <p>I realize this may be a simple solution... I'm just not finding the right event handler in the jQuery Docs...</p>