jquery - ツールチップスターは、2 回目にカーソルを合わせたときにツールチップとして画像を表示します

Question

画像にカーソルを合わせようとすると、ツールチップスターに画像のツールチップが表示されます。しかし、2回目にホバーするとツールチップ画像が表示されます。初めてはうまくいきません。

何が原因でしょうか?

$(document).ready(function() {

      $('.body_f').hover(function() {

          $($(this)).tooltipster({

            contentAsHTML: true,

            content: $('<img src="http://' + $(this).attr('alt') + '.jpg" />'),

          });

      });
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/js/jquery.tooltipster.min.js"></script>

<img class="body_f" alt="clear" src="http://i.imgur.com/kl70A7M.jpg" alt="i.imgur.com/wttNDm6" />