Не удалось обновить href элемента, который отображается в PHP?

Question

Итак, у меня есть jQuery ниже (вы можете видеть, что я нацеливаюсь на идентификатор, который отображается в PHP):

  var pdf = [];
  var postNumber = $("div[id^='product-']").attr("id").replace('product-', '');

  var AWS = "https://s3.amazonaws.com/waclighting-images/SPECSHEET_PDF/";

  pdf[28163] = AWS + "R3CRPT_DIMTOWARM_SPSHT.pdf";
  pdf[28164] = AWS + "R3CRPT_DIMTOWARM_SPSHT.pdf";
  pdf[28165] = AWS + "R3CRWT_DIMTOWARM_SPSHT.pdf";
  pdf[28166] = AWS + "R3CRDL_DIMTOWARM_SPSHT.pdf";
  pdf[28167] = AWS + "R3CRPL_DIMTOWARM_SPSHT.pdf";
  pdf[28168] = AWS + "R3CRWL_DIMTOWARM_SPSHT.pdf";
  pdf[28169] = AWS + "R3CSDT_DIMTOWARM_SPSHT.pdf";
  pdf[28170] = AWS + "R3CSPT_DIMTOWARM_SPSHT.pdf";
  pdf[28171] = AWS + "R3CSDL_DIMTOWARM_SPSHT.pdf";
  pdf[28172] = AWS + "R3CSPL_DIMTOWARM_SPSHT.pdf";
  pdf[28173] = AWS + "R3CSWL_DIMTOWARM_SPSHT.pdf";

  $('#dtw-' + postNumber).attr('href', pdf[postNumber]); 

И он пытается обновить URL, показанный в приведенный выше массив, основанный на PHP, который отображается так:

 <?php if( $housingPPID != null ) {     #test
        echo ('
        <ul id="spec-sheet-option" class="downloadContainer">
            <li><i class="fas fa-file-download"></i><a href="https://s3.amazonaws.com/waclighting-images/SPECSHEET_PDF/R3CRDT_SPSHT.PDF" target="_blank">Standard</a></li>
            <li><i class="fas fa-file-download"></i><a href="https://s3.amazonaws.com/waclighting-images/SPECSHEET_PDF/R3CRDT_SPSHT.PDF" id="dtw-'.$post->ID . '" target="_blank">Dim-to-Warm</a></li>
        </ul>
        '); 
} ?>

Но по какой-то причине он не обновляет HREF? Есть ли какое-то состояние гонки или мне нужно AJAX? В консоли нет ошибок, URL остается таким же, как в PHP (https://s3.amazonaws.com/waclighting-images/SPECSHEET_PDF/R3CRDT_SPSHT.PDF)

РЕДАКТИРОВАТЬ javascript файл загружается в нижний колонтитул.