Что не так с моим кодом, который использует Pug и jQuery вместе?

Question

Может кто-нибудь сказать, пожалуйста, что изменить здесь? Я пытаюсь сгенерировать панель навигации, используя jQuery и Pug. Подобный код работает, когда реализован в HTML, но остальная часть моего кода написана на Pug, и я не могу внести необходимые изменения. Спасибо!

мопс

doctype html
html
  head
  body
    .header
    .main-content
      a(href="#testtag" class="test2") The button bar should appear here

JavaScript

jQuery(function($){
   place_buttons;
})(jQuery);

function place_buttons() {
  $('#a.test').on('click', function() {
    var navBar =
       '<a href="#dataList" class="fp"> &laquo; </a>' +
       '<a href="#dataList" class="pp"> Previous page </a>' +
       '<a href="#dataList" class="np"> Next Page </a>' +
       '<a href="#dataList" class="lp"> &raquo; </a>';

    $('#a.test').html(navBar);
  })
}  

Выход

Панель кнопок должна появиться здесь