ค่าจะไม่ส่งคืนหาก #codename ใช้ javascript ajax

ถ้าฉันกดปุ่ม แท็บ ฉันต้องการแสดงค่าของเซลล์ถัดไปโดยใช้จาวาสคริปต์และอาแจ็กซ์

นี่คือรหัส HTML ของฉัน:

<input type="text" name="ccode" id="target" class="td-size" autocomplete="off" onchange="get(this.value);">
<input type="text" name="cname[]" class="td-size code_name" id="codename">

รหัสจาวาสคริปต์

<script type="text/javascript">
        function get(val){
            $.ajax({
                url: "ajaxData.php",
                type: "POST",
                data: 'ccode='+val,
                success:function(data){
                    $('#codename').html(data);
                    alert(data);
                    
                }
            });
        }
    </script>