MyFiddleHovers

Something

HTML

<body onload="bindHoverEvents()">
  <ul id="list">
    <li class="list-item"> Argentina </li>
    <li class="list-item"> Mexico </li>
    <li class="list-item"> Brazil </li>
  </ul>
</body>

CSS

#list {
  background: yellow;
}

.list-item {
  background: blue;
}

JavaScript

function bindHoverEvents() {
	$('#list').hover(() => console.log("1. List hover"), () => console.log("4. List unhover"));
  $('.list-item').hover(() => console.log("2. Item hover"), () => console.log("3. Item unhover."));
}