when clicking outside, hide searchbox

sitelayout_scripts.js

$('.search-trigger').click(function () {
    $(this).toggleClass('active');
    $("#searchbox").toggle();
    $("#searchbox input").focus();
});

if (window.matchMedia("(min-width: 48em)").matches) {
    var exclude_div = $("#searchbox, #searchbox *");
    $(document).click(function (e) {
        if (!(exclude_div.is(e.target)) && !($(e.target).hasClass('search-trigger'))) {
            $('.search-trigger').removeClass('active');
            $("#searchbox").hide();
        }
    });
}

$(window).resize(function () {
    if ($(window).width() < 751) {
        $("#searchbox").show();

        $(document).click(function (e) {
            $("#searchbox").show();
        });
    } else {
        $("#searchbox").hide();

        var exclude_div = $("#searchbox, #searchbox *");
        $(document).click(function (e) {
            if (!(exclude_div.is(e.target)) && !($(e.target).hasClass('search-trigger'))) {
                $('.search-trigger').removeClass('active');
                $("#searchbox").hide();
            }
        });
    }
});