замена src из x-src при hover
 

<img class="imghover" src="/i/1.png" x-src="/i/2.png">
<img class="imghover" src="/i/3.png" x-src="/i/4.png">
<img class="imghover"  src="/i/5.png" x-src="/i/6.png">
<img class="imghover"  src="/i/7.png" x-src="/i/8.png">

как сделать чтобы при наведении hover на картинку в src подставлялся путь из x-src (ну чтобы картинка менялась) а после того как курсор мыши бы уходил то картинка обратно бы возвращалась.

Подскажите пожалуйста как на JQ написать код:)

ufaclub,
:-?

$(function() {
            $('.imghover').mouseenter(function() {
                this.dataset.src = this.getAttribute('src');
                this.src = this.getAttribute('x-src');
            }).mouseleave(function() {
                this.src = this.dataset.src;
            })
        });

Спасибо!