Fill table with json

I am consuming an api that brings me the data of an arduino sensor the problem is that I could not read the data that returns to me in json format I returned it this way

{"channel":{"id":363764,"name":"SENSORES","description":"Grupo de sensores que miden la temperatura en un rack de comunicaciones.","latitude":"9.3076865","longitude":"-75.3687556","field1":"temperature","created_at":"2017-11-13T16:49:20Z","updated_at":"2017-11-13T19:11:36Z","last_entry_id":67},"feeds":[{"created_at":"2017-11-13T18:16:02Z","entry_id":1,"field1":"42"},{"created_at":"2017-11-13T18:16:39Z","entry_id":2,"field1":"41"},{"created_at":"2017-11-13T18:17:16Z","entry_id":3,"field1":"41"},

I try to consume and show it in the following way

<table>
    <thead>
        <tr>
            <th>
                Prueba1
            </th>
            <th>
                Prueba2
            </th>
            <th>
                Prueba3
            </th>
        </tr>            
    </thead>
    <tbody id="contenido">
    </tbody>
</table>

<script type="text/javascript">
        var settings = { "async": true, "crossDomain": true, "url": "https://thingspeak.com/channels/363764/feed.json", "method":
        "GET","data": { "Numbre": "1", "Title": "Actual", "Pages": "12" }}
        $.ajax(settings).done(function (response) {
            $('#contenido').html("");
            $.each(response,function(index,value){
                $('#contenido').append("<tr><th>"+index[1].created_at+"</th><th>"+index+"</th><th>"+index+"</th></tr>");
            });
        });
</script>

but showing the data shows me the following undefined I do this thinking that this could show the data based on the two objects there is a serious channel and the other fedds, to show that by console if it turns out but trying to show the values that the fedds does not