为什么我不能让我的jQuery代码正确构建我的HTML？

我正在使用Ruby on Rails，jQuery和Embedly API编写应用程序。我像这样写了一段视频：

<%= div_for video do %>

<%= link_to 'video', video.video_url, :class => 'oembed' %>

<% end %>

并在

index

视图中呈现部分：

<div id ='video_div'>
  <%= render @videos %>
</div>

然后我的application.js文件获取链接并使用Embedly API嵌入视频并显示缩略图。我最初用CSS隐藏视频，我希望每个视频及其各自的缩略图都在自己的div中。这意味着我希望每个视频/缩略图对都在自己的div中，这样我就可以将缩略图直接放在视频的顶部。我试过这样做：

$('a.oembed').embedly({maxWidth:300,'method':'replace'}).bind('embedly-oembed', function(e, oembed){ 
    var id = $(this).parent().attr('id');
    $(id).append($("<img>", { src: oembed.thumbnail_url, width:200 }));
});

我的想法是，由于div_for嵌入式ruby创建了一个div，每个视频最初都是一个链接的唯一ID，我会转到链接的父级（具有唯一ID的div），并获取唯一的id属性，然后将缩略图附加到该div。但是，在浏览器中检查我的HTML代码后，缩略图不会被追加。我做错了什么，怎样才能得到我想要的东西？