title: Jquery populate second select item with options greater than first select
body: <p>I have been trying to make a simple drop down select for time selection and am stumbling on populating the second list with the options from the first list. I am trying to make a start and end top drop down. So first select has all available times and the second select would have only times available after the first selects start time. I have been able to get it work with simple validation however this leaves the second list with all of the time periods in a day and seems clunky. I want to eliminate the validation and simply provide only available answers in the second select. Right now the code I have been using simply copies the first selected to second. I have been trying to add a greater than selected somehow but just doesn't work.</p>
  
  <p>.html</p>
  
  <pre><code>&lt;select class="form-control timepicker required" id="firstTime" &gt;
      &lt;option value="700"&gt;7:00am&lt;/option&gt;&lt;option value="715"&gt;7:15am&lt;/option&gt;&lt;option value="730"&gt;7:30am&lt;/option&gt;&lt;option value="745"&gt;7:45am&lt;/option&gt;
      &lt;option value="800"&gt;8:00am&lt;/option&gt;&lt;option value="815"&gt;8:15am&lt;/option&gt;&lt;option value="830"&gt;8:30am&lt;/option&gt;&lt;option value="845"&gt;8:45am&lt;/option&gt;
      &lt;option value="900"&gt;9:00am&lt;/option&gt;&lt;option value="915"&gt;9:15am&lt;/option&gt;&lt;option value="930"&gt;9:30am&lt;/option&gt;&lt;option value="945"&gt;9:45am&lt;/option&gt;
      &lt;option value="1000"&gt;10:00am&lt;/option&gt;&lt;option value="1015"&gt;10:15am&lt;/option&gt;&lt;option value="1030"&gt;10:30am&lt;/option&gt;&lt;option value="1045"&gt;10:45am&lt;/option&gt;
      &lt;option value="1100"&gt;11:00am&lt;/option&gt;&lt;option value="1115"&gt;11:15am&lt;/option&gt;&lt;option value="1130"&gt;11:30am&lt;/option&gt;&lt;option value="1145"&gt;11:45am&lt;/option&gt;
      &lt;option value="1200"&gt;12:00pm&lt;/option&gt;&lt;option value="1215"&gt;12:15pm&lt;/option&gt;&lt;option value="1230"&gt;12:30pm&lt;/option&gt;&lt;option value="1245"&gt;12:45pm&lt;/option&gt;
      &lt;option value="1300"&gt;1:00pm&lt;/option&gt;&lt;option value="1315"&gt;1:15pm&lt;/option&gt;&lt;option value="1330"&gt;1:30pm&lt;/option&gt;&lt;option value="1345"&gt;1:45pm&lt;/option&gt;
      &lt;option value="1400"&gt;2:00pm&lt;/option&gt;&lt;option value="1415"&gt;2:15pm&lt;/option&gt;&lt;option value="1430"&gt;2:30pm&lt;/option&gt;&lt;option value="1445"&gt;2:45pm&lt;/option&gt;
      &lt;option value="1500"&gt;3:00pm&lt;/option&gt;&lt;option value="1515"&gt;3:15pm&lt;/option&gt;&lt;option value="1530"&gt;3:30pm&lt;/option&gt;&lt;option value="1545"&gt;3:45pm&lt;/option&gt;
      &lt;option value="1600"&gt;4:00pm&lt;/option&gt;&lt;option value="1615"&gt;4:15pm&lt;/option&gt;&lt;option value="1630"&gt;4:30pm&lt;/option&gt;&lt;option value="1645"&gt;4:45pm&lt;/option&gt;
      &lt;option value="1700"&gt;5:00pm&lt;/option&gt;&lt;option value="1715"&gt;5:15pm&lt;/option&gt;&lt;option value="1730"&gt;5:30pm&lt;/option&gt;&lt;option value="1745"&gt;5:45pm&lt;/option&gt;
      &lt;option value="1800"&gt;6:00pm&lt;/option&gt;&lt;option value="1815"&gt;6:15pm&lt;/option&gt;&lt;option value="1830"&gt;6:30pm&lt;/option&gt;&lt;option value="1845"&gt;6:45pm&lt;/option&gt;
      &lt;option value="1900"&gt;7:00pm&lt;/option&gt;&lt;option value="1915"&gt;7:15pm&lt;/option&gt;&lt;option value="1930"&gt;7:30pm&lt;/option&gt;&lt;option value="1945"&gt;7:45pm&lt;/option&gt;
      &lt;option value="2000"&gt;8:00pm&lt;/option&gt;&lt;option value="2015"&gt;8:15pm&lt;/option&gt;&lt;option value="2030"&gt;8:30pm&lt;/option&gt;&lt;option value="2045"&gt;8:45pm&lt;/option&gt;
      &lt;option value="2100"&gt;9:00pm&lt;/option&gt;&lt;option value="2115"&gt;9:15pm&lt;/option&gt;&lt;option value="2130"&gt;9:30pm&lt;/option&gt;&lt;option value="2145"&gt;9:45pm&lt;/option&gt;
  
  &lt;/select&gt;
  </code></pre>
  
  <p></p>
  
  <p>.js</p>
  
  <pre><code>$('.timepicker').change(function() {
              $('.timepicker').find('option:selected')
              .clone().appendTo('.timepicker2');
          });
  </code></pre>