jQueryのtextで出力した数字を別ページで読み込めない

前提・実現したいこと

記事のコメント数を書き出し、その数字を別ページの記事一覧に載せようとしています。別ページのアイコンを載せることが出来たのですが、数字は出力できずに困っています。どうすればいいでしょうか。

該当のソースコード

if ($('#show_comments').length) {
      var come = $('.comments').find('li').length;
      $('.cap--info .icon-come').text(come);
    }

    if($('.article').length) {
      $(this).each(function(){
        var asa = $(this).find('.snip').attr('href');
        var ab = $(this).find('.a-bubble');
        $.ajax({
          url: asa,    // 表示させたいコンテンツがあるページURL
          cache: false,
          datatype: 'html',
          success: function(html) {
            var h = $(html).find('.icon-come');    // 表示させたいコンテンツの要素を指定
            ab.append(h);    // append関数で指定先の要素へ出力
          }
        });
      })
    }

:root {
   --i-lnr: Linearicons-Free;
}
.icon-font,
.icon-lni,
.icon-lnr {
    position: relative;
    display: inline;
    margin: 0 .3rem 0 1.75rem;
}
.icon-lnr::before {
    font-family: var(--i-lnr);
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-come::before {
    content: '\e83f'
}

記事一覧のHTMLです。

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" media="print" onload="this.media=\'all\'">

<div class="flex blog">
   <div class="article border-3 col-s-100 col-m-30 bxs-1">
      <div class="a-name">
         <a class="snip" href="example-2.html">Notice</a>
         <time datetime="2020-11-24">2020/11/24</time>
         <span class="a-bubble"></span>
      </div>
   </div>
   <div class="article border-3 col-s-100 col-m-30 bxs-1">
      <div class="a-name">
         <a class="snip" href="example-1.html">Notice</a>
         <time datetime="2020-11-24">2020/11/24</time>
         <span class="a-bubble"></span>
      </div>
   </div>
</div>

記事（example-1.html）のHTMLです。

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" media="print" onload="this.media=\'all\'">

<!-- コメント数  -->
<div class="align-left">
   <div class="cap--info">
     <p><a class="none blue-gray" href="#show_comments"><span class="icon-lnr icon-come"></span></a></p>
   </div>
</div>

<!-- コメント -->
<div id="show_comments">
   <div class="comments">
      <ul class="scroll-content mCustomScrollbar" data-mcs-theme="minimal-dark">
         <li>
           <div>
              <span>NAME</span>
              <span>(ID：xxxx)</span>
              <span>date：xxx</span>
           </div>
           <p>
             message
           </p>
         </li>
          <li>
           <div>
              <span>NAME</span>
              <span>(ID：xxxx)</span>
              <span>date：xxx</span>
           </div>
           <p>
             message
           </p>
         </li>
      </ul>
   </div>
</div>

試したこと

jQueryのtextで出力した数は別ページに表示させることができないのでしょうか。困っています。ご助力いただけますと助かります。

補足情報（FW/ツールのバージョンなど）

Chrome最新版、Safari 604.1