jQuery(document).ready(function ($) {

    var $modal  = $("#search-modal");
    var $html   = $("html");
    var $search = $(".search-modal-body .search-form input.search-field");

    $("#search-widget-btn").on("click", function(){
        $search.val('');
        $modal.css('display', 'block');
        $html.addClass('no-scroll');
        $search.focus();
    });

    $(".btn-close-seach").on("click", function(){
        $modal.css('display', 'none');
        $html.removeClass('no-scroll');
    });
});