After using `.load` to update my div, that is add item to my list, I used firebug and saw that the list was updated. However, I lost the `mouseover` event that worked when the page first loaded. In my script js I have:

```
// hide and show are css classes that display none and block respectively

function openList(){
    $("#miniList").removeClass().addClass("show");
}
function closeList(){
    $("#miniList").removeClass().addClass("hide");
}
...
$(document).ready(function() {
    $("#miniList").mouseover(function() {
        openList();
    })
    $("#miniList").mouseout(function() {
        closeList();
     })
});

```

---

```
function addItemToDiv(id, ref, num) {
    $("#miniList").load("/list/ajax_updateList.jsp", {
        'action' : 'additem',
        'pid' : id,
        'pref' : ref,
        'qty' : num
    });
}

```

Of course, this works fine the first time the page is loaded, but when I add item to the list, DOM is update but `mouseover` effects don't work any more.

Any thoughts are more than welcomed.