이미지 클릭시 팝업 기능인데요

다른 이미지들은 열렸다 닫히거나 하지 않는데

이 이미지만 새로 고침 할 때마다 열렸다 바로 닫힙니다.

코드는 다른 이미지 팝업 코드랑 아이디 빼고 다 똑같은데

왜 유독 이거만 이러는지 모르겠네요....ㅠ

도움이 필요합니다.

html

                <li>
                    <div id="contents" style="padding:5px;">
                      <a href="#layerPopup"><img src="/images/hubchan/hubchan_happy_s.jpg" class="hubchan_img"></a>
                      <div id="layerPopup">
                      <button style="margin:5px;" type="button">닫기</button><br>
                        <img src="/images/hubchan/hubchan_happy.jpg" style="width:100%;"><br>
                      </div>
                    </div>
                </li>                

제이쿼리

$(document).ready(function(){
  $("#layerPopup").hide();
  $("#contents > a").click(function(){
    $("#contents > a").blur();
    $("#layerPopup").show();
    $("#layerPopup a").focus();
    return false;
  });
  $("#layerPopup a").keydown(function(e){
    if(e.shiftKey && e.keyCode == 9){ // Shift + Tab 키를 의미합니다.
      $("#contents > a").focus();
      $("#layerPopup").hide();
      return false;
    }
  });
  
  $("#layerPopup button").click(function(){
    $("#contents > a").focus();
    $("#layerPopup").hide();
  });
});

추가--------------------

빨간색 코드가 팝업 레이어인데

디스플레이 논 하니까

클릭시에는 이미지가 안 나오는데 새로고침 할 땐 이미지가 보이거든요....

그럼 문제는 이 쪽이 아닌가요?