title: JQuery - enable table row dropdown on checkbox checked
body: <p>I have a table with checkbox and a dropdown in each row. I'd like the dropdown input fields to be disabled on page load BUT became enabled when checkbox for that particular row is checked. </p>
  
  <p>Can you help me with JQuery code which can do that?</p>
  
  <pre><code>&lt;thead&gt;
  &lt;tr&gt;
  &lt;th&gt;Box&lt;/th&gt;&lt;th&gt;No&lt;/th&gt;&lt;th&gt;No 1&lt;/th&gt;&lt;th&gt;No 2&lt;/th&gt;&lt;th&gt;No 3&lt;/th&gt;&lt;th&gt;No 4&lt;/th&gt;&lt;th&gt;Chosen&lt;/th&gt;&lt;th&gt;Date&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;input type="checkbox" name="ID[]" value="341"/&gt;&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;13&lt;/td&gt;&lt;td class='key'&gt;&lt;select name="chosen_key"&gt;
  &lt;option value="1" selected="selected"&gt;N&lt;/option&gt;
  &lt;option value="2"&gt;Y&lt;/option&gt;
  &lt;option value="3"&gt;M&lt;/option&gt;
  &lt;option value="4"&gt;A&lt;/option&gt;
  &lt;option value="5"&gt;R&lt;/option&gt;
  &lt;/select&gt;&lt;/td&gt;&lt;td&gt;2011-01-28&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;input type="checkbox" name="ID[]" value="342"/&gt;&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;23&lt;/td&gt;&lt;td class='key'&gt;&lt;select name="chosen_key"&gt;
  &lt;option value="1"&gt;N&lt;/option&gt;
  &lt;option value="2" selected="selected"&gt;Y&lt;/option&gt;
  &lt;option value="3"&gt;M&lt;/option&gt;
  &lt;option value="4"&gt;A&lt;/option&gt;
  &lt;option value="5"&gt;R&lt;/option&gt;
  &lt;/select&gt;&lt;/td&gt;&lt;td&gt;2011-01-28&lt;/td&gt;&lt;/tr&gt;
  .
  .
  .
  &lt;/tbody&gt;
  
  &gt; Blockquote
  </code></pre>
  
  <p>Thank you for your help.</p>