Почему отображается только первая подсказка jQuery ()?

Question

Я пробовал этот код:

$( document ).ready(function() {    
    $("[data-preview]" ).each(function(){

        $(this).tooltip({ content: function(){
                return '<img src="/img/hover/'+$(this).attr("data-preview")+'.png" />';
        }, track: true, tooltipClass: "hoverpreview" });

    });
});

А также этот код:

$( document ).ready(function() {  
      $("[data-preview]" ).tooltip({ content: function(){
        return '<img src="/img/hover/'+$(this).attr("data-preview")+'.png" />';
      }, track: true, tooltipClass: "hoverpreview" });
});

Вот HTML:

<div class="productnav doors">  
    <ul>
        <li><a href="/products/f-series" class="active" alt="F-SERIES" title="F-SERIES" data-preview="thumb-fseries">F-SERIES</a></li>
        <li><a href="/products/dw-series" class="" alt="DW SERIES" data-preview="thumb-dwseries">DW SERIES</a></li>
    </ul>
</div>

Но он покажет только первую подсказку.