Очень нужна помощь. Из списка в select.

<script type="text/javascript">
<!--
var arr = [];
arr[1] = ["New York", "California", "Illinois", "Florida", "Pennsylvania"];
arr[2] = ["Киев", "Винница", "Житомир", "Хмельницкий", "Черновцы"];
var val = [];
val[1] = ["1", "2", "3", "4", "5"];
val[2] = ["6", "7", "8", "9", "10"];

$(document).ready(function() {
   // Взаимосвязанные списки
   $("#country").change(function() {
      var index = this.value;
      var count = arr[index].length;
      var el = $("#city").get(0);
      el.length = count;
      for (i=0; i<count; i++) {
         el.options.value = val[index];
         el.options.text = arr[index];
      }
   });
     
});
//-->
</script>


       <!--- Это уже соответствующий код html-->
       <!-- Country -->
        <label for="country">Country:</label>
        <select id="country" size="1" name="country" >
            <option value="0" selected> ******* </option>
            <option value="1">Usa</option>
            <option value="2">Укранина</option>
        </select><br/>
       
        <!-- City -->
        <label for="city">City:</label>
        <select id="city" name="city" >
            <option value=""> ************* </option>
        </select><br/>