title: how to change one dropdown value by changing another dropdown
body: <p>i have 2 drop down lists and I would like to make it so that when someone selects for example value        Abbeville from dropdown1, dropdown2 is automitacally changed to value Pie Chart. Is this possible using jquery?</p>
  
  <pre><code>&lt;select id="county"&gt;
  &lt;option value="select" selected&gt;Select&lt;/option&gt;
  &lt;option value="Abbeville"&gt;Abbeville&lt;/option&gt;
  &lt;option value="Aberdeen"&gt;Aberdeen&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="ctype"&gt;
  &lt;option value="select" selected&gt;Select&lt;/option&gt;
  &lt;option value="pie"&gt;Pie Chart&lt;/option&gt;
  &lt;option value="bar"&gt;Bar Chart&lt;/option&gt;
  &lt;option value="line"&gt;Line Chart&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>$("#county").change(function(){ 
     $("#ctype").val($(this).val());
  })
  </code></pre>