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

前提・実現したいこと

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

該当のソースコード

js
1if ($('#show_comments').length) {
2      var come = $('.comments').find('li').length;
3      $('.cap--info .icon-come').text(come);
4    }
5    
6    if($('.article').length) {
7      $(this).each(function(){
8        var asa = $(this).find('.snip').attr('href');
9        var ab = $(this).find('.a-bubble');
10        $.ajax({
11          url: asa,    // 表示させたいコンテンツがあるページURL
12          cache: false,
13          datatype: 'html',
14          success: function(html) {
15            var h = $(html).find('.icon-come');    // 表示させたいコンテンツの要素を指定
16            ab.append(h);    // append関数で指定先の要素へ出力
17          }
18        });
19      })
20    }

CSS
1:root {
2   --i-lnr: Linearicons-Free;
3}
4.icon-font,
5.icon-lni,
6.icon-lnr {
7    position: relative;
8    display: inline;
9    margin: 0 .3rem 0 1.75rem;
10}
11.icon-lnr::before {
12    font-family: var(--i-lnr);
13    font-style: normal;
14    font-weight: 500;
15    font-variant: normal;
16    text-transform: none;
17    line-height: inherit;
18    -webkit-font-smoothing: antialiased;
19    -moz-osx-font-smoothing: grayscale;
20}
21.icon-come::before {
22    content: '\e83f'
23}

記事一覧のHTMLです。

html
1<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" media="print" onload="this.media=\'all\'">
2
3<div class="flex blog">
4   <div class="article border-3 col-s-100 col-m-30 bxs-1">
5      <div class="a-name">
6         <a class="snip" href="example-2.html">Notice</a>
7         <time datetime="2020-11-24">2020/11/24</time>
8         <span class="a-bubble"></span>
9      </div>
10   </div>
11   <div class="article border-3 col-s-100 col-m-30 bxs-1">
12      <div class="a-name">
13         <a class="snip" href="example-1.html">Notice</a>
14         <time datetime="2020-11-24">2020/11/24</time>
15         <span class="a-bubble"></span>
16      </div>
17   </div>
18</div>

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

html
1<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" media="print" onload="this.media=\'all\'">
2
3<!-- コメント数  -->
4<div class="align-left">
5   <div class="cap--info">
6     <p><a class="none blue-gray" href="#show_comments"><span class="icon-lnr icon-come"></span></a></p>
7   </div>
8</div>
9
10<!-- コメント -->
11<div id="show_comments">
12   <div class="comments">
13      <ul class="scroll-content mCustomScrollbar" data-mcs-theme="minimal-dark">
14         <li>
15           <div>
16              <span>NAME</span>
17              <span>(ID：xxxx)</span>
18              <span>date：xxx</span>
19           </div>
20           <p>
21             message
22           </p>
23         </li>
24          <li>
25           <div>
26              <span>NAME</span>
27              <span>(ID：xxxx)</span>
28              <span>date：xxx</span>
29           </div>
30           <p>
31             message
32           </p>
33         </li>
34      </ul>
35   </div>
36</div>