Bootstrap keep parent menu item highlighted when viewing its dropdown

gistfile1.txt

var initDropdownHover = function () {

  // Add class to parent on mouseenter
  $('.dropdown-menu').mouseenter(function() {

    // If already active then don't do anythin
    if (!$(this).hasClass('active')) {

      // Get menu parent and add active class
      var parent = $(this).closest('li.dropdown')
      parent.addClass('active');

      // Remove added class
      $('.dropdown-menu').mouseleave(function() {
        parent.removeClass('active');
      });
    }
  });
};