改变DOM，但不显示在浏览器中

使用jQuery，我正在做一个ajax调用追加数据到一些输入字段，jQuery正在改变DOM，但变化没有出现在输入，直到我点击它们。

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('');