为什么这个JS文本交换在Firefox中工作，但在chrome中失败

Question

这可能是一个基本的，nooby问题，但我有一个JS函数切换特定文本（在这种情况下Unicode，两个字符都能够显示）。 JS Fiddle here.

HTML Here：

<div class="header" style="cursor: pointer;"> <span class="arrowTog">&#9654;&nbsp;</span>
<b>Merchant</b>

JS在这里：

$('.header').on('click', function () {
var arrow = $(this).find('.arrowTog');
if (arrow.text().contains('▼')) {
    arrow.text('▶');
} else {
    arrow.text('▼');
}

}）;

这适用于Firefox，使用＆＃34;箭头＆＃34;切换到向下位置。但是，这不会发生在Chrome上。我只是得到一个错误：＆＃34; Uncaught TypeError：arrow.text（...）。contains不是函数＆＃34;。

有没有人知道可能导致此错误的原因，我该怎么做才能让它在浏览器中正常工作？感谢