Hiding the block, when selecting any in?

Question

JavaScript

Good evening!

There is a div block with id="vybor", there is also a select with id="heyhey".
There is a script:

<script>
$(document).ready(function() {
$("#heyhey").on("change",function(){
        if($(this).val() )
             document.getElementById("vybor").style.display="none";
    })
})
</script>

Which closes the div block when any option is selected.
All this is inserted on the Wordpress site, through the elementor constructor.

The question is, everything works in the elementor editor, but not on the page itself...
What could be the problem?