Не выполняется код JavaScript (JSON)

Имею вот такой код:

$.getJSON = function (json, goodsOut) {
}
function init() {
    $.getJSON("goods.json", goodsOut);
}
function goodsOut(data) {
    console.log(data);
    var out='';
    for (var key in data) {
        out +='<div class="cart">';
        out +=`<p class="name">${data[key].name}</p>`;
        out +=`<img src="images/${data[key].image}" alt="">`;
        out +=`<div class="cost">${data[key].cost}</div>`;
        out +='<button class="buy-it">Купить</button>';
        out +='</div>';
    }
    $('.output').html(out);
}
$(document).ready(function () {
    init();
}

Это что-то типа карточки товара и кнопка "Купить" снизу. По непонятным для меня причинам этот код не работает. Ошибок в консоли нет, а на сайте в .outputничего не выводится.

Вот содержимое goods.json

{
    "account" : {
        "name" : "123",
        "cost" : 123,
        "stats" : "Текст",
        "image" : "img/json.png",
        "order" : 1
    }
}

В этой теме я совсем новичок, поэтому все очень плохо :)

P.S.: в html файле только <div class="output"></div>