ReferenceError:$output未在javascript（Jquery）中定义

我正在制作一个API，在这里我希望获得所有用户，然后将他们显示在某种表格中。但是现在我得到了一个ReferenceError:$output在运行代码时没有定义。我在另一个项目中尝试了这个方法，但没有出现错误

我的JavaScript代码：

function displayData(data) {
    $('.content').empty();
    console.log(data.length);
    for (var i = 0; i < data.length; i++) {
        $output += '<div>' + data[i].ContactName + '</div>';
        $(".content").append($output);
    }
}

---

我不知道为什么在没有其他项目的情况下运行时会出现此错误。提前谢谢你帮了我的忙

请参阅下面的小提琴

JavaScript

---

在函数开头声明$output=。必须使用var$output+=；哦，天哪，我已经看了一个小时了，它就在我的鼻子底下…@Tushar，你能把它写下来作为回答，这样我就可以合上这条线了吗？

<div class="content">   
</div>

var $output = '';
var data = [{'ContactName':'ABC'},{'ContactName':'EFG'}]

$( document ).ready(function() {
   displayData(data);
});

function displayData(data){
    $('.content').empty();
    console.log(data.length);
    for (var i = 0; i<data.length; i++) {
        $output+= '<div>'+data[i].ContactName+'</div>';
        $(".content").append($output);
    }
}

<div class="content">   
</div>

var $output = '';