Javascript 更改DOM但不显示在浏览器中

我使用jQuery调用ajax将数据附加到一些输入字段中，jQuery正在更改DOM，但在我单击输入字段之前，这些更改不会出现在输入中

以下是我的jquery代码：

var data_track = '';
         var data_image = '';
         var data_artist = '';
         var data_album = '';
         var data_duration = '';
         var data_mbid = '';
         if(data.track.name) {data_track = data.track.name;}else{ data_track =  '';}
         if(data.track.album) {data_image = data.track.album.image[3]['#text'];}else{ data_image =  'http://placehold.it/250x250';}
         if(data.track.artist.name) {data_artist = data.track.artist.name;}else{ data_artist =  '';}
         if(data.track.album) {data_album = data.track.album.title;}else{ data_album =  '';}
         if(data.track.duration) {data_duration = data.track.duration;}else{ data_duration =  '';}
         if(data.track.mbid) {data_mbid = data.track.mbid;}else{ data_mbid =  '';}

         $('#track-name').val(data_track);
         $('#image').val(data_image);
         $('#image_preview').attr('src', data_image);
         $('#artist').val(data_artist);
         $('#album').val(data_album);
         $('#duration').val(data_duration);
         $('#mbid').val(data_mbid);
         $('#results').html('');

这对我很有用：

---

检查您的

数据

对象

还有一个问题，这段代码在ajax调用中，当我给它评分时，

$（'#results'）.html（''
在ajax之外，代码工作得非常完美
您能给我们展示整个代码吗，或者在fiddle上演示一下，这样我们就可以帮助您了吗？：）