title: How can I hide a table row based on selection made in dropdown
body: <p>I have a dropdown menu that I would like to hide when France is selected in a dropdown menu in another row. I would like to hide the entire row so that County and the dropdown menu are hidden. Below is the CSS, JS that I have tried, and a link to the same in JSFiddle.</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
  
  &lt;td class="BBFieldCaption DonationCaptureFieldCaption" id="PC1920_DonationCapture1_AddressCtl_lbl_country"&gt;
  &lt;label id="PC1920_DonationCapture1_AddressCtl_lblCountry" for="PC1920_DonationCapture1_AddressCtl_dd_Country"&gt;Country:&lt;/label&gt;
  &lt;/td&gt;
  
  &lt;td&gt;
  &lt;select class="BBFormSelectList DonationCaptureSelectList" id="PC1920_DonationCapture1_AddressCtl_dd_Country" onchange="javascript:setTimeout('__doPostBack(\'PC1920$DonationCapture1$AddressCtl$dd_Country\',\'\')', 0)" name="PC1920$DonationCapture1$AddressCtl$dd_Country"&gt;
  &lt;option value=""&gt;&lt;/option&gt;
  &lt;option value="Australia"&gt;Australia&lt;/option&gt;
  &lt;option value="Bahamas"&gt;Bahamas&lt;/option&gt;
  &lt;option value="Bermuda"&gt;Bermuda&lt;/option&gt;
  &lt;option value="Canada"&gt;Canada&lt;/option&gt;
  &lt;option value="France" selected="selected"&gt;France&lt;/option&gt;
  &lt;option value="Germany"&gt;Germany&lt;/option&gt;
  &lt;option value="Italy"&gt;Italy&lt;/option&gt;
  &lt;/select&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td class="BBFieldCaption DonationCaptureFieldCaption" id="PC1920_DonationCapture1_AddressCtl_lbl_countyUK"&gt;
  &lt;label id="PC1920_DonationCapture1_AddressCtl_lblCountyUK" for="PC1920_DonationCapture1_AddressCtl_dd_CountyUK"&gt;County:&lt;/label&gt;
  &lt;/td&gt;
  
  &lt;td class="taLeft BBFieldControlCell DonationCaptureFieldControlCell" id="PC1920_DonationCapture1_AddressCtl_ctl_countyUK"&gt;
  &lt;select class="BBFormSelectList DonationCaptureSelectList" id="PC1920_DonationCapture1_AddressCtl_dd_CountyUK" name="PC1920$DonationCapture1$AddressCtl$dd_CountyUK"&gt;
  &lt;option value="" selected="selected"&gt;&lt;/option&gt;
  &lt;option value="Alcorn"&gt;Alcorn&lt;/option&gt;
  &lt;option value="Alexander"&gt;Alexander&lt;/option&gt;
  &lt;/select&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I have tried doing this with jquery by adding the following but have been unable to get this to work:</p>
  
  <pre><code>$(document).ready(function() {
  $('#PC1920_DonationCapture1_AddressCtl_dd_Country').change(function() {
  PC1920$DonationCapture1$AddressCtl$dd_Country = $('#PC1920_DonationCapture1_AddressCtl_dd_Country').val();
  
  $('PC1920_DonationCapture1_AddressCtl_ctl_countyUK').hide();
  
  if (PC1920$DonationCapture1$AddressCtl$dd_Country == 'France')
  {
   $('PC1920_DonationCapture1_AddressCtl_ctl_countyUK').hide();
  }
  
  });
  });
  </code></pre>
  
  <p>I do not have direct access to the HTML for the form, this is using a CMS system. I have also added this to JSFiddle, any help would be appreciated. Thank you!
  See JSFiddle here: <a href="http://jsfiddle.net/jelane20/qG2bT/7/" rel="nofollow">http://jsfiddle.net/jelane20/qG2bT/7/</a></p>