Ajax call on document load not working

Question

Hello I want to do an ajax call when a document is loaded. here is the code

  script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js')  
  script.
      $.ajax({ url: '/labeling/page_refresh', 
              type: 'GET', 
              success: function(data){ console.log(data) }, 
              error: function(error) { console.log(error)} 
              });

this is the server side

router.get('/labeling/page_refresh', function (req, res, next) {
  console.log("refreshed!")
  db_label.findLabels((err, labels) => {
    if (err) {
      return res.sendStatus(500)
    }
    res.send(labels)
  })
})

labels console.logs this

[ { _id: 5a73e852316509492f5e0067, label: 'moo: 00:00:00' },
  { _id: 5a73e85a316509492f5e0068, label: 'poo: 00:00:00' } ]

client side

  h4(class='div-class' id='labels')

I am getting back no errors but the data is my own pug file in html format!

Answer 1

$(document).ready(function(){ 

   $.get( "/labeling/refresh", function( data ){ 
      // success callback
      console.log(data);
   }, function (error){
      //error callback
      console.log(error);
   }); 

});