Javascript 为什么当我输入搜索词并单击它时，我的提交搜索按钮不重定向到搜索结果页面？

我是一个初学者，我添加了一个按钮类型提交到全屏搜索表单插件，但它不工作，我不知道为什么有人可以帮我解决这个问题

Php代码：

function output_full_screen_search() {

        ?>
        <div id="full-screen-search">
            <button type="button" class="close" id="full-screen-search-close">X</button>
            <form role="search" method="get" action="<?php echo home_url( '/' ); ?>" id="full-screen-search-form">
                <div id="full-screen-search-container">
                    <input type="text" name="s" placeholder="<?php _e( 'Search' ); ?>" id="full-screen-search-input" />

        <button type="submit" class="mybutton">Search</button>

                </div>
            </form>
        </div>
    <?php

// When the document is ready...
jQuery( document ).ready( function( $ ) {

    // ... display the Full Screen search when:
    // 1. The user focuses on a search field, or
    // 2. The user clicks the Search button
    $( 'form[role=search] input, form[role=search] button' ).on( 'focus, click', function( event ) {
        // Prevent the default action
        event.preventDefault();
    
        // Display the Full Screen Search
        $( '#full-screen-search' ).addClass( 'open' );
    
        // Focus on the Full Screen Search Input Field
        $( '#full-screen-search input' ).focus();
    } );

    // Hide the Full Screen search when the user clicks the close button
    $( '#full-screen-search button.close' ).on( 'click', function( event ) {
        // Prevent the default event
        event.preventDefault();

        // Hide the Full Screen Search
        $( '#full-screen-search' ).removeClass( 'open' );
    } );

} );