모달? 레이어창 열기 버튼 클릭할때 값 전달 할수없을까요?

아미나 흉내내서 꼼수로 댓글 이모티콘을 적용했는데요.

테스트 http://poaro.dothome.co.kr/free/655

문제는 글을 볼때마다 이모티콘이 계속 호출이 되니
트랙픽, 속도 등등에 않좋을것 같거든요.

<button type="button" class="btn_bo_emo btn_emo" title="이모티콘"><i class="fa fa-smile-o fa-lg" aria-hidden="true"></i> 이모티콘</button>

<div class="bo_emo_wrap">
레이어창
</div>

<script language=javascript>
$(document).on("click", ".btn_bo_emo", function(){
$(".bo_emo_wrap").toggle();
})
$('.bo_emo_wrap, #bo_emo_cls').click(function(){
$('.bo_emo_wrap').hide();
});
</script>

예) onclick="id('emo'); 이런걸 추가해서
모달창에 $(".bo_emo_wrap").html('<iframe src="' + id + '"></iframe>');
이런식으로 모달창이 뜰때만 호출하게 할수없을까요?