Chyba robię błąd w składni JS

Witam, mam kawałek kodu odpowiedzialny za generowanie notyfikacji web push po kliknięciu w przycisk. Mimo iż z JS mam do czynienia bardzo rzadko, to kiedyś udało mi się zrobić tak, że powiadomienia ładowałem z osobnego pliku poprzez include (PHP) i wszystko działało super. Niestety przypadkowo skasowałem sobie ten skrypt i nie potrafię powtórzyć tego, co zrobiłem wtedy. Pewnie robię jakieś błędy w składni. Bardzo prosze o pomoc bo męczę się już 4-ty dzień.

Tak wygląda skrypt:

<script>
$(function() {
  // prośba o pozwolenie na wyświetlanie powiadomień
  Push.Permission.request();

  // wyświetlenie powiadomienia po kliknięciu na przycisk
  $( ".button" ).on( "click", function() {
    Push.create('Cześć!', {
    body: 'Zobacz nowy artykuł na Devcorner - "Najprostszy sposób na pokazanie powiadomień Push".',
    icon: 'icon.png',
    timeout: 6000,
    onClick: function() {
        console.log('Kliknięto powiadomienie.');
    }
    });
  });





  // button - kod nieistotny dla działania powiadomień
  $('.button')
    .on('mouseenter', function(e) {
         var parentOffset = $(this).offset(),
            relX = e.pageX - parentOffset.left,
            relY = e.pageY - parentOffset.top;
         $(this).find('span').css({top:relY, left:relX})
    })
    .on('mouseout', function(e) {
         var parentOffset = $(this).offset(),
            relX = e.pageX - parentOffset.left,
            relY = e.pageY - parentOffset.top;
       $(this).find('span').css({top:relY, left:relX})
    });
});
</script>

Chcę mieć takich powiadomień X i żeby wszystkie ładowały się w jednym momencie, a nie tylko jedna notyfikacja po kliknięciu w przycisk.
Dla kogoś kto robił coś więcej w JS niż ja to pewnie jest 5 minut zabawy. Dziękuję.