为什么切换div标签在我的代码中不起作用？

Question

我想借助jQuery切换按钮的标签。

这适用于jsfiddle：jsfiddle example

$("#filter_button").on("click", function(){
  if ( $("#filter_button_inner").text() ==="close" ){
     $("#filter_button_inner").text("open")
  }
  else{
     $("#filter_button_inner").text("close")
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#left-panel" id="filter_button" data-shadow="false" data-iconshadow="false" >
  <div id="filter_button_inner" style="position:absolute;right:90px;margin-top:7px;margin-left:10px;border: 1px solid #ccc;padding:5px 20px;color:#10225A;font-weight:bold;border-radius: 5px;">open</div>
</a>

但是，在我的应用程序中却没有。运行相同的jQuery版本，其他所有功能都可以正常工作。

这里可能是什么问题？