i have a list of images in the dom ,and I want to increase the size on hover

i have a list of images in the dom ,and I want to increase the size on hover

Dear all,

I have a number of images in the dom in a div called main ,I want to increse the size of the image on hover

my code 
(function () {
$('#main > img').on('hover',function () {
console.log(this);
css('width','800px');

});

})();

this is (probably) to simple any sugestions ?