function list(a) {
    if (a == null || typeof(a) == "undefined") return false;

    return JSON.parse(a);
}
$(function() {

    $("#btnrun").click(function() {
        var jsonarr = '{"config": [{ "name":"steve", "id":"123"}, {  "name":"adam", "id":"124"},{"name":"eve","id":"125"}]}';

        //Convert into JSON Object
        var jsonObject = list(jsonarr);

        var i = 0,
            html = '';
        $.each(jsonObject.config, function(k, val) {
            html += "<div class='key'>Name:</div><div class='val'>" + val.name + "</div>";
            html += "<br/><div class='key'>Id:</div><div class='val'>" + val.id + "</div><br/>";

        });
        if (html != '') {
            $(".jsonobj").css({
                'padding': '5px',
                'border': '1px solid #222'
            });
            $(".jsonobj").html(html);
        }
    });

    $("#btnreset").click(function() {
        $(".jsonobj").css({
            'padding': '0px',
            'border': '0px'
        });
        $(".jsonobj").html("");
    });

    //Trigger Run on ready
    $("#btnrun").trigger('click');
});

Setting Validate Copy Format

.jsonobj{
  background:#ddd;
}
.jsonobj .key{
  display:inline-block;
  clear:both;
  color:#993322;
}
.jsonobj .val{
  color:#336622;
  display:inline-block;
  margin-left:7px;
}
input[type=button]{
  border:1px solid #333;
}
input[type=button]:hover{
  background:#eee;
}

Setting Validate Copy Format