Помощь в формате JSON ⇐ Jquery

[Anonymous]

Поэтому мне нужны рекомендации, советы и передача знаний. В настоящее время я практикуюсь в получении данных JSON, но у меня возникли некоторые проблемы.
Моя текущая проблема, с которой я сталкиваюсь, заключается в том, что мои 3 переменные (торговая марка, описание и цена) выдают мне эту ошибку: Uncaught TypeError: невозможно прочитать свойство «Бренд» неопределенного значения
Может кто-нибудь помочь мне с этим, также было бы полезно получить советы по улучшению кодирования.

Код: Выделить всё

var url = 'https://raw.githack.com/gromstone/jsonFiles/master/products.json';

$.ajax({
type: 'GET',
dataType: 'json',
url: url,
success: function(data){
console.log(data);

$.each(data, function(i, products){

var content = "";

$.each(products, function(i, mainProd){

var brand = mainProd.ProductInfo.Brand,
desc = mainProd.ProductInfo.p_product_description,
price = mainProd.ProductInfo.p_product_price;

//content += '';
content += '
' + brand + desc + '
';
content += '
' + price + '
';
content += 'View More';

});

content += "";
$('.load').append(parent);

})
},

error: function(){
alert('Data did not load, or no connection')
}

});

Вы можете увидеть рабочий код здесь:
http://jsfiddle.net/gromstone/j1etxuw0/1/
Также, если кто-нибудь может предоставить дополнительную помощь, я хочу создать эффект наведения для каждого из элементов div.items, где некоторые дополнительные данные отображаются в отдельном элементе div (например, div.placeHolder)

Подробнее здесь: https://stackoverflow.com/questions/282 ... assistance