Добавление значений объекта json в поле ввода

Question

Я пытаюсь добавить значения json-объекта (name & color) в два поля ввода в форме. Это макет вызова api, который создается внутри моего веб-сервера. Функция jQuery принимает значение первого поля ввода, затем объединяет местоположение файла url + json и, наконец, вызывает вызов api. Консоль показывает, что значения извлекаются успешно, но я не уверен, как добавить их в соответствии с их полем ввода. SITE

Json:

{ 
    "name": "test1", 
    "color": "red", 
} 

JQuery/AJAX

$(document).ready(function() { 

    /** get the inputs we might need */ 
    var $result = $('#result'); 
    var $input = $('#input'); 

    $result.data('url', $result.val()); 

    var timer; 

    /** function to submit data to the server and 
     update the result input on success */ 
    function submitForm(input, newValue) { 
    $.ajax({ 
     type: "GET", 
     url: newValue, 
     data: {input:input}, 
     dataType: 'json', 
     success: function (data) { 
     $result.val(newValue); 
     } 
    }); 
    }; 

    /** on key up, fill #result with the url + input */ 
    $input.bind('keyup', function() { 
    var $this = $(this); 
    var inp = $this.val(); 
    var url = $result.data('url'); 
    var newValue = url + inp + '/info.json'; 

    if(timer) { clearTimeout(timer); } 
    timer = setTimeout(function(){ 
     submitForm(inp, newValue) ; 
    }, 500); 
    return false; 
    }); 
}); 

Answer 1

Я считаю, что проблема принимает элементы из объекта (из JSON) и дает эти значения на вход?

<input type="text" id="name"> 
<input type="text" id="color"> 

Основной пример:

var myobj = {"name":"botskonet","color":"blue"} 

for(k in myobj){ 
    document.getElementById(k).value = myobj[k]; 
} 

Fiddle