Not able to fetch value for edit Data Modal Form, from db through json data response

Not able to fetch value for edit Data Modal Form, from db through json data response

i need to fetch specific data from database and to be show in modal form ( Update / Edit Form ) , for i.g in form elemen i have this : 
  2.  <div class="form-group">  
  3.     <label for="nama" class="col-sm-2 control-label">Nama</label>
  4.          <div class="col-sm-10">
  5.      <input type="text" class="form-control" id="name" name="name" >
  6.         </div>
  7.  </div>
then function event onclick button submit .
    2. function editEmploy(id = null) {

    4.     if (id) {
    5.         //fetch data
    6.         $.ajax({
    7.             url:'pegawai/editpeg.php',
    8.             type:'post',
    9.             data:{'nip': id},
    10.             dataType:'json',
    11.             success:function(response) {
    12.                 $("#nama").val(response.name); // Not showing anything at modal form
    13.                  alert(response.name); // its shown name from database  
    14.             }
    15.         });
    16.         
    17.     }else{
    18.         alert("ERROR : blah ..blahh");
    19.     }
    20. }
    if i test with alert , it will show information data name from database , its mean fetching data from database have done well. How to send it to  <input type="text" class="form-control" i d="name" name="name"  >

    i have tried with this 
    1. $("#name").val(response.name); 
    but when  modal form show the input type shown anything / blank , no value , how to do this ? i mean send the value from response ajax to input type elemen form ?