javascript - jQuery 要素を追加し、選択した行を置き換えます

Question

選択した行の要素を変更するにはどうすればよいですか?

コンボ ボックスが変更されたときに、コンボの値を確認したい。「性別」の値が選択されている場合、要素「入力値 Ke-3」テキストボックスの値を次のように置き換えます。

<select id="data3" name="data3[]">
     <option value="man" selected >Man</option>
     <option value="woman">Woman</option>
</select>

$.(selector).html() を使用してこれを実行できるかどうか

私のコード:

$(document).ready(function() {
    MyLogic();
});

function MyLogic(){
  $(".addCF").click(function(){
      $("#customFields").append(
          '<tr>'
            + '<td>'
                    + '<select class="tabelBaru" id="data1" name="data1[]">'
                            + '<option value="email" selected >Email</option>'
                            + '<option value="gender">Gender</option>'
                            + '<option value="age">Age</option>'
                    + '</select>&nbsp;'
            + '</td>'
            + '<td>'
                + '<input type="text" id="data2" name="data2[]" value="" placeholder="Input Value Ke-2" />'
            + '</td>'
            + '<td>'
                + '<input type="text" id="data3" name="data3[]" value="" placeholder="Input Value Ke-3" />'
            + '</td>'
            + '<td>'
                + '<a href="javascript:void(0);" class="remCF">Remove</a>'
            + '</td>'
        + '</tr>'
      );
  });

    $("#customFields").on('click','.remCF',function(){
        $(this).parent().parent().remove();
    }); 

    $(document.body).on('change', '.tabelBaru', function() {
        var nilai = $(this).val();
        if(nilai=='email'){
           $("#data3").html('Change another input type here...');
        }
    });
}

それ、どうやったら出来るの？