I want to show description on picture while you hover on pic. The function does not work, I'm trying to use jQuery. I have other function that work, they can cause problem each other ? The other one use completely different classes and ids. 

Here is the code: 

```js
$(document).ready(function() {
    $('#box').hover(function() {
        $('#details').show(500);
    })
})
```

```css
.box .details p {
    font-size: 14px;
    display: none;
}
```

```html
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<div class="col-lg-2 box" id="box">
                <div class="imgBox">
                    <img class="product-mouseover" src="https://via.placeholder.com/150

C/O https://placeholder.com/" alt="">
                </div>
                <div class="details" id="details">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco</p>
                </div>
            </div>
```