How would i create a hover function that displays an image over the entire display-div?
Lets say that I would hover over `item1`, then an image would cover display-div, if i hover over another `item`, the image within the display-div should change to that. <https://jsfiddle.net/urvmgk8e/1/> (not working)

```
Nav-div          Display-div
--------------  -------------
|            | |            |
| >>item1<<  | |content for |   
|   item2    | |   item1    |   
|   item3    | |            |       
|            | |            |
|            | |            |
|            | |            |
--------------  --------------

```

Jquery: 

```
$("a.menu").click(function(e) {
  $('.ShowClickedContent').html($($(this).attr('href')).html()); //Display-div container
});

```

The problem is that, my jquery function only reacts to click-events. How would i make it so that it would react on mouseOver?
[![enter image description here](https://i.stack.imgur.com/T6dMP.jpg)](https://i.stack.imgur.com/T6dMP.jpg)