почему при загрузке контента для другой страницы btns и все события не будут работать

Question

Я использую скрипт java для загрузки контента с другой страницы, но когда я вызываю ajax и когда показывается содержимое i, мои btns и все события больше не работают

Это мой java код сценария

function get_edit_profile_elements() {
    $(document).on('click', '#edit-profile', function () {
        load_content_user('include/inc/edit_profile/get_profile.inputs.inc.php', "<?php echo $userOrderedIdIp; ?>")
    });
}

это

function load_content_user(VarLoad, user_Id) {
    var XHttp = new XMLHttpRequest();
    XHttp.onreadystatechange = function () {
        if (this.readyState === 4 && this.status === 200) {
            $('.account-container-left').html(this.responseText);
        }
    };
    XHttp.open("POST", VarLoad, true);
    XHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    XHttp.send("UserId=" + user_Id);
} 

это html

<div class="Menu-item-Holder">
    <h6><i class="fa fa-list"></i> منو </h6>
    <hr>
    <ul>
        <li class="active"><a id="show-ordered"><i class="fa fa-shopping-cart"></i> سفارشات </a></li>
        <li><a id="show-deported_ordered"><i class="fa fa-redo"></i> کالای مرجوعی</a></li>
        <li><a id="show-my-favorite"><i class="fa fa-heart"></i> علاقمندی </a></li>
        <li><a class='disabled' id="show-my-check-order"><i class="fa fa-tasks"></i> پیگیری سفارشات </a>
        </li>
        <li><a id="edit-profile"><i class="fa fa-pen"></i> ویرایش پروفایل </a></li>
    </ul>
</div>