Moving elements around in the header

jquery.move.elements

$(document).ready(function() {
    // Store the references outside the event handler:
    var $window = $(window);
    var $pane1 = $('#search-dropdown');
    var $pane2 = $('.social-icons');
 
    function checkWidth() {
        var windowsize = $window.width();
        if (windowsize > 768) {
            $pane1.detach().insertAfter('.logo-container');
            $pane2.detach().insertAfter($pane1);
        }
        if (windowsize < 767) {
            $pane1.detach().insertBefore('.banner-container');
            $pane2.detach().insertAfter('.contact');
        }
    }
    // Execute on load
    checkWidth();
    // Bind event listener
    $(window).resize(checkWidth);
});