jquery hover not applying to child node - php

Question

I need the hover function on "type of worker" and "where do you work?" on the right sidebar (under the contact for) to be a lot cleaner. What i need is for the child ul to remain visible when i hover over the ul and not just the parent link right now if i mouse out of the parent link
Here is my code
<div class="nav_item">
<div class="nav_item_link" id="clickMe2" href="#"><img src="http://50.28.46.210/dev/obryan/wp-content/themes/wp-foundation/images/compassicon.png" class="nav_icons">
<h5>Where Do You Work?</h5></a>
</div>
<ul id="clickEvent2" class="worker_list">
<li>Pacific Ocean</li>
<li>Atlantic Ocean</li>
<li>Gulf of Mexico</li>
<li>Bering Sea</li>
<li>Great Lakes</li>
<li>International Waters</li>
<li>Mississippi River</li>
<li>Ohio River</li>
</ul>
</div>
And here is my jquery
$(document).ready(function(){
$('#clickMe').hover(function() {
$("#clickEvent").fadeToggle("slow");
});

Answer 1

Posting as an answer as requested: http://jsfiddle.net/hgEV9/
$('#clickMe').on("mouseenter",function() {
$("#clickEvent2").fadeToggle("slow");
})
HTML:
<div class="nav_item">
<a class="nav_item_link" id="clickMe" href="#"><img src="http://50.28.46.210/dev/obryan/wp-content/themes/wp-foundation/images/compassicon.png" class="nav_icons"></a>
</div>
<h5>Where Do You Work?</h5>
<ul id="clickEvent2" class="worker_list">
<li>Pacific Ocean</li>
<li>Atlantic Ocean</li>
<li>Gulf of Mexico</li>
<li>Bering Sea</li>
<li>Great Lakes</li>
<li>International Waters</li>
<li>Mississippi River</li>
<li>Ohio River</li>
</ul>
</div>