title: using jquery how do I filter a dropdown field based on value selected from another dropdown field
body: <p>I am just missing something. </p>
  
  <p>Very simple or so I thought - using jquery - Based on the value selected in the <strong>Workers</strong> dropdown, I want to display only certain values in the <strong>Fruit Options</strong> dropdown.</p>
  
  <p>So for example if <strong>Roy</strong> is selected from the <strong>Workers</strong> dropdown, I only want Apples and Peaches to appear as options within the <strong>Fruit Options</strong> Dropdown
  If <strong>John</strong> is selected from the <strong>Workers</strong> dropdown, then only Oranges, Pears, Peaches, Nuts to appear as options within the <strong>Fruit Options</strong> Dropdown.</p>
  
  <p>How do I correctly, using jquery, filter the Fruit Options drop based on the selection of the Worker dropdown? </p>
  
  <p><strong>My jfiddle is here</strong>: <a href="http://jsfiddle.net/justmelat/BApMM/1/" rel="nofollow">http://jsfiddle.net/justmelat/BApMM/1/</a></p>
  
  <p><strong>My Code:</strong></p>
  
  <pre><code> &lt;form method="post"&gt;
      Worker:  &lt;select  id="workers" name="Select1"&gt;
      &lt;option&gt;Roy&lt;/option&gt;
      &lt;option&gt;John&lt;/option&gt;
  &lt;option&gt;Dave&lt;/option&gt;
      &lt;/select&gt;
  &lt;/form&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;form method="post"&gt;
      Fruit Options: &lt;select id="fruitopts" name="Select2"&gt;
      &lt;option&gt;Apples&lt;/option&gt;
      &lt;option&gt;Oranges&lt;/option&gt;
      &lt;option&gt;Pears&lt;/option&gt;
      &lt;option&gt;Peaches&lt;/option&gt;
      &lt;option&gt;Grapes&lt;/option&gt;
      &lt;option&gt;Melons&lt;/option&gt;
      &lt;option&gt;Nut&lt;/option&gt;
      &lt;option&gt;Jelly&lt;/option&gt;
      &lt;/select&gt;&lt;/form&gt;
  </code></pre>