Javascript 通过jquery弹出窗口一键插入和关闭

我正试图建立一个媒体库，而在工作中，我插入图像源和关闭同一插入点击弹出窗口搞砸了。 这里就是我调用弹出窗口和ajax的地方

<div class="place"></div>
<div class="popup_bk" id="popup_bk"></div>
<div class="popup_gal" id="popup_bk"></div>
<script>
$(document).ready(function() {
  function close (){
    $(".popup_gal").hide(); 
    $(".popup_bk").hide();
  }
  $('.actlink').click(function() {
    $(".popup_gal").load("http://gtc.app/admin/media/gallery/").fadeIn('slow'); 
    $(".popup_bk").fadeIn('slow');
  });
  $('.popup_bk').click(function() {
    close();
  });
});
</script>

通过LoadAjax调用加载的另一个库页面是

<input type="checkbox" class="sel_img" value="<?php echo $media->id; ?>">
<img src="<?php echo $media->file_path . $media->file_name;?>" class="thumbnail index-thumb">
<input type="button" id="insert" name="insert" value="insert" class="btn btn-primary btn-lg pull-right" id="insert-btn">    
<script>
$(document).ready(function() {
  $('#insert').click(function(event) {
    var chImg='';
    $('.sel_img:checked').each(function(idx,ele){
      chImg+=$(this).siblings('img').attr('src');
    });
    $('.place').html(chImg);
 });
});
</script>

那么，有没有人能帮我解决这个问题，这是一个很好的方法，还是可以改进

---

其次我想在单击“插入”按钮时检索已处理的数据，同时应关闭弹出窗口。

谢谢，我尝试了更多并完成了此操作

<script>
$(document).ready(function() {
    $('#insert').click(function(event) {
        var chImg='';
        $('.sel_img:checked').each(function(idx,ele){
                chImg+=$(this).siblings('img').attr('src');

        });
        $('.place').attr('src',chImg);
        $('.popup_gal').css('display','none');
        $('.popup_bk').css('display','none');
        //alert(chImg);
    });
});

---

JSFIDLE链接会有帮助。到底是什么问题？我用于它的函数close工作不正常。