Hide Text when check box option is ticked in customizer?

How I hide the Head Text which is “Magna Aliquam” when “Hide Head Text” checkbox is checked and show when the checkbox is unchecked.

Below is my code, but I’m lost. Any help would be appreciated

wp.customize( 'hide_head_text', function( value ) {
    value.bind( function( to ) {
        if($("hide_head_text").is(':checked'))
            $(".welcome-text h2").hide();  // checked
        else
            $(".welcome-text h2").show();  // unchecked
    } )( jQuery );