Не работает функция JS?

Question

[lUser L]

<div class="modulemodule" style="display: none;">asdasdsadsd</div>

Есть кнопка которая выполняет AJAX запрос

<a id='friendalreadyid' data-id='friendinviteid_".$feed_user_id."' class='subscribe_invite sendFriendrequest'>Подписаться</a>

После выполнение AJAX запроса:

AJAX

$(document).ready(function (){
  $('.subscribe_invite').on('click',function(){
    var fInvite = $(this).data("id");
      $.ajax({
          url: 'subscribe.php' ,
          type: 'POST',
          data: {friend_add: fInvite.replace('friendinviteid_', ' ')},
          success:(data) => {
            $('.user_friend_add_btn_box').html(data);
          }
      });

  });
});

выводится кнопка которая заменяет текущую <a class='friendalready openelemets'>Подписан</a> с классом openelemets который должен при нажатии выполнить

Js

$(document).ready(function () {
  $('.openelemets').on('click', function(){
    $('.modulemodule').show();
  });
});

Так вот дело в том, все работает кроме openelemets работает только если перезагрузить страницу.

Answer 1

[coderisimo]

А так ?

$(document).ready(function () {
  $('body').on('click',  '.openelemets', function(){
    $('.modulemodule').show();
  });
});