javascript - Jqueryツールチップのコンテンツに依存しない矢印の位置を修正するには?

Question

textbox にツールチップを適用しているときに、唯一の問題は、タイトル属性のコンテンツに従って矢印の位置を処理する際に問題があることです。短いタイトルの矢印はうまくいきますが（テキストボックスの中央）、長いタイトルの場合、矢印はテキストボックスまで上がります。JSFiddle コード リンクは次のとおりです。

フィドル リンク

 $(function() {
$( document ).tooltip({
  position: {
    my: "left center",
    at: "right+10 center",
    using: function( position, feedback ) {
      $( this ).css( position );
      $( "<div>" )
       .addClass("arrow")
        .addClass(feedback.vertical)
        .addClass(feedback.horizontal)
        .appendTo( this );
    }
  }
});

});