未捕获错误：语法错误，无法识别的表达式jquery.min.js同位素

Question

我正在使用Joomla 3并且有一个同位素菜单项可以过滤几个类别。

我知道我应该创建一个jsfiddle，但是为Joomla复制这个有点难，所以我有一个URL：http://pressmag.joostrap.com

以上网址正常运作（过滤类别）并且没有类别为＆＃39;技术＆amp; IT＆＃39; （如下所述）。

我使用的代码如下：

<?php $data_name = htmlspecialchars($child->title); ?>
<?php $data_option = str_replace('', '', $data_name); ?>

<li class="btn btn-primary"><a href="#" data-option-value=".<?php echo $data_option; ?>"><?php echo $this->escape($child->title); ?></a></li>

如果我重命名＆＃39;技术＆＃39;类别到＆＃39;技术＆amp; IT＆＃39;，新的过滤器不起作用。

输出的html如下：

<a href="#" data-option-value=".Technology & IT">Technology &amp; IT</a>

我在控制台中收到错误消息：

未捕获错误：语法错误，无法识别的表达式：.Technology＆amp; IT - jquery.min.js：2

我是如何克服这个问题的？