title: onchange - the dropdown selected using jquery
body: <p>i have a dropdown in the header and whatever the value is selected in the header should reflect the same in the detail dropdown, how should i do that? any leads?</p>
  
  <pre><code>$("#myddl").change(function()
  { 
       //update all the dropdown list...  
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/abuhamzah/4QvfP/" rel="noreferrer">http://jsfiddle.net/abuhamzah/4QvfP/</a></p>
  
  <pre><code>  Header:
      &lt;br /&gt;
      &lt;select id="myddl" name="myddl"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Twooo&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
      &lt;p&gt;Detail&lt;/p&gt;
          &lt;br /&gt;
      &lt;select id="Select1" name="myddl"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Twooo&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
      &lt;br /&gt;
      &lt;select id="Select2" name="myddl"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Twooo&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
      &lt;br /&gt;
      &lt;select id="Select3" name="myddl"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Twooo&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
      &lt;br /&gt;
      &lt;select id="Select4" name="myddl"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Twooo&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
      &lt;br /&gt;
      &lt;select id="Select5" name="myddl"&gt;
          &lt;option value="1"&gt;One&lt;/option&gt;
          &lt;option value="2"&gt;Twooo&lt;/option&gt;
          &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>