table json data returning undefined using jquery

table json data returning undefined using jquery

Hi I'm stumped as to why the data in my table is returned undefined. I think I'm close. Please check out my jsfiddle:

http://jsfiddle.net/tommy6s/eLbq2wvh/

Thank you for your help! -t

code:

$(document).ready(function() {


$.getJSON( " http://www.corsproxy.com/dvl.thomascooper.com/data/json_return.json", function( data ) {
   
    //static table head
    $('table.stats').append("<th>" + "</th>" + "<th>" + "Date" + "</th>" + "<th>" + "Brand" + "</th>" + "<th>" + "Author" + "</th>" + "<th>" + "Title" + "</th>" + "<th>" + "Posts" + "</th>" + "<th>" + "Exposure" + "</th>" + "<th>" + "Engagement" + "</th>");
        //loop through json data
        $.each(data.data.rows,function( i, val ){
            //+1 to number each row starting at 1
            var rowNum = i + 1;
            //create table rows and cell and populate with data
            $('table.stats').append(  "<tr>" + "<td>" + rowNum + "</td>" + "<td>" + val.date + "</td>" +"<td>" + val.brand_id + "</td>" + "<td>" + val.author + "</td>" + "<td>" + val.title +  "</td>" + "<td>" + val.posts + "</td>" + "<td>" + val.reach + "</td>" + "<td>" + val.interaction + "</td>" + "</tr>");
          
        });
    });


});