Menampilkan field otomatis setelah field pertama diisi

saya mencoba untuk membuat auto fill pada form input berdasarkan select box.

berikut kodenya:

<div class="form-group">
<label for="kode_part" class="control-label">Kode Part <span><small class="text-danger">*This field is required</small></span></label>
<select class="form-control kode_part" name="kode_part" id="kode_part" required>
<?php if(count($tabel_part)){ ?>
<option></option>
<?php foreach ($tabel_part as $list){ ?>
<option data-info="<?php echo $list['kode_part'] ?>">
<?php echo $list['kode_part']; ?>
</option>
<?php } ?>
<?php } ?>
</select>
</div>

<div class="form-group">
<label for="nama_part" class="control-label">Nama Part*</label>
<input class="form-control form-control-sm" id="nama_part" name="nama_part" />
</div>

<script>
$(document).ready(function() {
$('#kode_part').change(function(){
$('#nama_part').val( $(this).find('list:selected').data('nama_part') );
});
});
</script>

saya sudah mencoba dengan kode di atas tapi tidak berjalan di viewnya. need help. thank you.