jQuery UI タブで線が残らないようにする

jQuery UI でタブを作っていると選択後、別の領域をクリックしない限りタブにフォーカスが当たってる時の
線が以下のように残ってしまう。

この線が残らないようにするには、jQuery でタブ click でアンカータグに対して blur() を実行すればよい。

$(function(){
   $('#tabs').tabs();
   $('#tabs a').click(function(){
      this.blur();
   });
});

クリックの瞬間は線が見えるがすぐに消える。