Animate an image on hover

Animate an image on hover

Hello, I am a total beginner, in fact I started with jQuery earlier today. 
What I am trying to make is an animation when the user hover on an image. What I want that will happen is that the image will animate out to the right, revealing som info behind it. When the user moves the cursor from the image, it should 'slide' back to cover the info again.

This is my beginner code that I have struggled with for a few hours now.

<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
    $("img").click(function(){
        $(this).animate({left: '350px'});
    });
});
</script>
</head>


<body>
<div>
<img src="D:/JQuery/Image.jpg"
style="width:300px;
height:200px;
position: relative;
"/>
</div>

</body>
</html>

When I click on the image, nothing happens.... What am I doing wrong?