视频播放器背景类似jquery灯箱

我已经写了一些代码来在我的页面上显示YouTube视频，但我希望它像Lightbox一样。因此，我创建了以下div:

<div id="video-background" class="vid_back" ></div>

我有一个jQuery函数来附加YouTube视频：

 $("#video_one").click(function () {
            $("#video-background").append("<div id='"video_player_box'"><div id='"close'" >X</div><iframe title='"YouTube video player'" class='"youtube-player'" type='"text/html'" " +
            "width='"640'" height='"390'" src='"" + vid_one + "'" frameborder='"0'" allowFullScreen></iframe></div>");
            state = 1;
        });

虽然在这里之前没有问题，但我想在他们点击"X"时关闭这个东西。为了实现这一点，我做了：

 $(document).ready(function () {
    $("#close").live("click", function(){ 
      $("#video-background").remove("div"); 
    });
  });

虽然这是有效的，但当我再次点击链接显示视频时，什么也没发生。

我错过了什么？