ciao!

sto cercando di fare in modo che quando si clicca su un bottone, questo vada ad un div più sotto nella pagina:
codice:
        // SCRIPT SCROLL
        jQuery(function() {
            jQuery('#wpforms-987-field_22_4').on('click', function() {
                var comp = '#wpforms-987-field_23-container';               
                jQuery('document').animate({
                    scrollTop: jQuery(comp).offset().top
                }, 2000);
                console.log('ok');
            });
        });
il console.log si vede, e non ci sono errori.
però la pagina non si muove.
ed ovviamente il div a cui punta c'è.
qualche idea??