title: jQuery Change the Dropdown values based on other dropdown
body: <p>I am using following Jscript to show <strong>24 hours format</strong> of time <strong>FromTime</strong> and <strong>ToTime</strong></p>
  
  <p>Almost it is working fine, but have some issues as it is not appending all the values from first dropdown and some times for some value i select in first dropdown the sort order or the immd time is not on the top</p>
  
  <p>Please help me on this.</p>
  
  <p>Thanks in advance.</p>
  
  <pre><code>&lt;select id="one"&gt;
       &lt;option value="1"&gt;1:00&lt;/option&gt;
      &lt;option value="2"&gt;1:30&lt;/option&gt;
      &lt;option value="3"&gt;2:00&lt;/option&gt;
      &lt;option value="4"&gt;2:30&lt;/option&gt;
      &lt;option value="5"&gt;3:00&lt;/option&gt;
      &lt;option value="6"&gt;3:30&lt;/option&gt;
      &lt;option value="7"&gt;4:00&lt;/option&gt;
      &lt;option value="8"&gt;4:30&lt;/option&gt;
      &lt;option value="9"&gt;5:00&lt;/option&gt;
      &lt;option value="10"&gt;5:30&lt;/option&gt;
      &lt;option value="11"&gt;6:00&lt;/option&gt;
      &lt;option value="12"&gt;6:30&lt;/option&gt;
      &lt;option value="13"&gt;7:00&lt;/option&gt;
      &lt;option value="14"&gt;7:30&lt;/option&gt;
      &lt;option value="15"&gt;8:00&lt;/option&gt;
      &lt;option value="16"&gt;8:30&lt;/option&gt;
      &lt;option value="17"&gt;9:00&lt;/option&gt;
      &lt;option value="18"&gt;9:30&lt;/option&gt;
      &lt;option value="19"&gt;10:00&lt;/option&gt;
      &lt;option value="20"&gt;10:30&lt;/option&gt;
      &lt;option value="21"&gt;11:00&lt;/option&gt;
      &lt;option value="22"&gt;11:30&lt;/option&gt;
      &lt;option value="23"&gt;12:00&lt;/option&gt;
      &lt;option value="24"&gt;12:30&lt;/option&gt;
      &lt;option value="25"&gt;13:00&lt;/option&gt;
      &lt;option value="26"&gt;13:30&lt;/option&gt;
      &lt;option value="27"&gt;14:00&lt;/option&gt;
      &lt;option value="28"&gt;14:30&lt;/option&gt;
      &lt;option value="29"&gt;15:00&lt;/option&gt;
      &lt;option value="30"&gt;15:30&lt;/option&gt;
      &lt;option value="31"&gt;16:00&lt;/option&gt;
      &lt;option value="32"&gt;16:30&lt;/option&gt;
      &lt;option value="33"&gt;17:00&lt;/option&gt;
      &lt;option value="34"&gt;17:30&lt;/option&gt;
      &lt;option value="35"&gt;18:00&lt;/option&gt;
      &lt;option value="36"&gt;18:30&lt;/option&gt;
      &lt;option value="37"&gt;19:00&lt;/option&gt;
      &lt;option value="38"&gt;19:30&lt;/option&gt;
      &lt;option value="39"&gt;20:00&lt;/option&gt;
      &lt;option value="40"&gt;20:30&lt;/option&gt;
      &lt;option value="41"&gt;21:00&lt;/option&gt;
      &lt;option value="42"&gt;21:30&lt;/option&gt;
      &lt;option value="43"&gt;22:00&lt;/option&gt;
      &lt;option value="44"&gt;22:30&lt;/option&gt;
      &lt;option value="45"&gt;23:00&lt;/option&gt;
      &lt;option value="46"&gt;23:30&lt;/option&gt;
      &lt;option value="47"&gt;00:00&lt;/option&gt;
      &lt;option value="48"&gt;00:30&lt;/option&gt;
  
    &lt;/select&gt;
  
      &lt;select id="two"&gt;&lt;/select&gt;
  
      &lt;script type="text/javascript"&gt;
          $(function () {
              $("#one").change(function (e) {
                  $("#two").empty();
  
                  var options = 
                  $("#one option").filter(function(e){
                      return $(this).attr("value") &gt; $("#one option:selected").val();
                  }).clone();
  
                  $("#two").append(options);
              });
          });
      &lt;/script&gt;
  </code></pre>