JQuery: Carregando combobox com dados do for

Forma de Pagamento
<select name="formaPagamento" id="formaPagamento">
    <option value=""></option>
    <option value="1">À vista</option>
    <option value="2">Parcelado</option>
</select>
<br />
Parcelas
<select name="parcelas" id="parcelas">
    <option value="0">À vista</option>
</select>

Forma de Pagamento <select name="formaPagamento" id="formaPagamento"> <option value=""></option> <option value="1">À vista</option> <option value="2">Parcelado</option> </select> <br /> Parcelas <select name="parcelas" id="parcelas"> <option value="0">À vista</option> </select>

$("#formaPagamento").change(function(){
  var valor = $("option:selected", this).val();
  var txt   = $("option:selected", this).text();
  $("#parcelas").find('option').remove().end(); // limpa
  if(valor == 2){ // parcelado
    $("#parcelas").append('<option value="0" selected>selecione uma parcela</option>');
    for (var i = 1; i <= 12; i++) {
      $("#parcelas").append($("<option></option>").text(i).val(i));
    };
  }else if(valor == 1){ // a vista
    $("#parcelas").append('<option value="0">À vista</option>');
  }
});

$("#formaPagamento").change(function(){ var valor = $("option:selected", this).val(); var txt = $("option:selected", this).text(); $("#parcelas").find('option').remove().end(); // limpa if(valor == 2){ // parcelado $("#parcelas").append('<option value="0" selected>selecione uma parcela</option>'); for (var i = 1; i <= 12; i++) { $("#parcelas").append($("<option></option>").text(i).val(i)); }; }else if(valor == 1){ // a vista $("#parcelas").append('<option value="0">À vista</option>'); } });