jQuery.each () работает только с последним элементом

Я пытаюсь создать список видео для загрузки через YouTube. Вот мой HTML-код. :

  


  
      
  Loading...
  




  
      
  Loading...
  

А вот и javascript:

$(function() {
    /**
     * Set up JSON parsing for video pages
     */
    $("a.vid_thumb").each(function(i) {
        $this = $(this);
        feed_url = $this.children(".yt_thumb").attr("data-url");
        $.getJSON(feed_url, function(json) {
            $title = json.data.title;
            $url = json.data.player.
        default;
            $thumb = json.data.thumbnail.sqDefault;
            $duration = json.data.duration;
            $likes = json.data.likeCount;
            $views = json.data.viewCount;
            $this.next("h5").html("" + $title + "");
            $this.children(".duration").html($duration);
            $this.children(".yt_thumb").attr("src", $thumb);
            $this.next("span.view_count").html($views + " Views");
            $this.next("span.upload_date").html($likes + " Likes");
        });
    });
});

Скрипт должен работать со всеми якорями с именем класса "vid_thumb". Но он работает только с последним элементом.

Вы можете увидеть его в действии здесь: http://jsfiddle.net/ZJNAa/ Я что-то упускаю?