I have a div that is set to `display:hidden`. I want this div to be set to `display:block` when a certain element (`#navbar li a`) is hovered over. Here is my javascript. 

```
$('document').ready(function(){
    $("#navbar li a").onmouseover(function{
        $("#navbar ul").css("display","block"); 
    }); 
}); 

```

I know that `$("#navbar li a")` is targeting the proper element, as I have tested this. Is there anything wrong with my javascript code? 

edit: this is a dropdown menu. `#navbar ul` is a nested list.