Document Visibility jQuery doesnt work

JavaScript

$(document).on("visibilitychange", function(){
    var state = document.visibilityState || document.webkitVisibilityState;
    var hidden = '';
    
    console.log('the document is hidden:', hidden, ';the document is in state:',state);
});

$(document).show();