Open nav menu on hover instead of click when using the Roots framework

script.js

// add open class to dropdown menu when hovered over
$(function() {
    $(".dropdown").hover(
        function(){ $(this).addClass('open'); },
        function(){ $(this).removeClass('open'); }
    );
});

style.css

/* show the child dropdown menu on hover of parent */
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}