title: load more button in nodejs
body: <p>I have json file in <code>series.pug</code> page. When I click load more button want to make a request JSON file and add new element in the page. How can I make load more with using NodeJS or AJAX in pug page ? </p>
  
  <pre><code>extends layout
  block content
      .content(style='padding-bottom: 100px;')
       #titles
        .container
          .row
           .col-md-12
            .form-group.text-center
             label.col-md-2.text-right Quick Filter
             input.search.col-md-6.text-center(type="text",placeholder='Search series quickly')
          .row.list
           -var count = 0
            each value in data.entries
              -if(value.programType =='series')
               if(count!=18)
                .col-md-3.col-sm-6.col-lg-2.series(data-item-id=++count)
                 figure.figure
                  a(href='/details/'+value.title)
                   img.figure-img.img-fluid.rounded(src=value.images['Poster Art'].url, alt=value.title)
                   .name.figure-caption.text-center.text-dark=value.title
            .col-lg-12
             a.btn.btn-primary.text-light.load Load More
             script.
              $('.load').click(function(){
                  var lastchild = $('.series').last().data('item-id');
                  $.ajax({
                      url: '/request',
                      method: 'POST',
                      data:{'lastchild':lastchild},
                      success: function(response){ 
  
                      }
                   });
                  });
  </code></pre>