jQuery UI效果。单击时仅触发一次

我有一个jQueryUI效果，点击一个按钮就会突出显示DIV中的文本。我正在使用

.on

方法来实现这一点，它成功地在第一次单击按钮时突出显示DIV。但是，如果我在后续时间单击该按钮，效果不会触发

是否有一个简单的解决方案，或者单击

。方法不是与jQuery UI效果交互的最佳方式？感觉我错过了一些明显的东西

jQuery代码：

 $(function(){
      $('#table').on('click','button', function() {
      $("#counter").effect('highlight', {color:"#333333"}, 1200);
          }); 
  }); 

JSFiddle：
您正在使用jQuery 2.0和jQuery UI 1.8；如果切换到
jqueryui1.10.3
，它可以正常工作

我正在检查jQuery2.0的最小jQueryUI版本是什么

演示：
使用jQuery1.x支持IE6浏览器

（jQuery2.x只支持现代浏览器）
您能创建一个fiddle:jsfiddle.net吗？这是正确的方法，每次都应该可以使用。你能制作一个JSFIDLE来演示这个问题吗？如果你不能创建FIDLE，也许你可以发布你的HTML。fiddle: