$.().append(태그) 후 해당 태그에 dbclick 안되는 문제 채택완료

</p><pre><div id="page_menu_list">
    <ul>
        <li>
            <div class="inner"></pre><pre><p style="margin-left: 120px;"> <a href="javascript:void(0)">메인페이지</a>
 <span class="glyphicons glyphicons-cogwheel" style="margin-top:16px;"></span></p><p style="margin-left: 120px;"><span style="font-family: 돋움; font-size: 11pt;"></div></span></p></pre><pre>            <div class="inner2"></pre><pre> <a href="javascript:void(0)">메인페이지1</a>
      <span class="glyphicons glyphicons-cogwheel" style="margin-top:16px;"></span>
</pre><pre></div>
            <div class="inner"></pre><pre> <a href="javascript:void(0)">메인페이지2</a>
      <span class="glyphicons glyphicons-cogwheel" style="margin-top:16px;"></span>
</pre><pre></div>
        </li>
    </ul>
</div>
<script type="text/javascript" src="<a href="http://code.jquery.com/jquery-1.12.4.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.12.4.js</a>"></script>
<script type="text/javascript">
$(function () {
    $('body').on('dblclick','#page_menu_list li div', function(e) {
        e.stopPropagation();
        var currentEle = $(this);
        var Ele = $(this).html(); // 해당 li태그에 더블클릭하면 html()화 해서 나중에 append에 쓰인다.
        $(currentEle).empty(); // 해당 태그에 지우고
        $(currentEle).append('<input type="text"><button>버튼</button>');  // 새로운 태그를 append한다. 
        $(document).click(function () {  // 다른 영역에 클릭하면 다시 원복한다!
            $(currentEle).empty(); // 다시 비우고
            $(currentEle).append(Ele) // 다시 기존에 저장했던 것을 append 한다.
        });
    });
});
</script></pre><p>

</p><p><div id="page_menu_list">
    <ul>
        <li>
            <div class="inner">1</div>
            <div class="inner2">1</div>
            <div class="inner">1</div>
        </li>
    </ul>
</div>
<script type="text/javascript" src="<a href="<a href="http://code.jquery.com/jquery-1.12.4.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.12.4.js</a>"><a href="http://code.jquery.com/jquery-1.12.4.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.12.4.js</a></a>"></script>
<script type="text/javascript">
$(function () {
    $('body').on('dblclick','#page_menu_list li div', function(e) {
        e.stopPropagation();
        var currentEle = $(this);
        var Ele = $(this).html(); // 해당 li태그에 더블클릭하면 html()화 해서 나중에 append에 쓰인다.
        $(currentEle).empty(); // 해당 태그에 지우고
        $(currentEle).append('<input type="text"><button>버튼</button>');  // 새로운 태그를 append한다. 
        $(document).click(function () {  // 다른 영역에 클릭하면 다시 원복한다!
            $(currentEle).empty(); // 다시 비우고
            $(currentEle).append(Ele) // 다시 기존에 저장했던 것을 append 한다.
        });
    });
});
</script></p><p>