how to make an image into a link

how to make an image into a link

I have a simple question which I can't seem to solve.
I have a simple HTML code:
<div id="tps_block">
<div id="tps_point1"><a href="#">Point 1</a></div>
<div id="tps_point2"><a href="#">Point 2</a></div>
<div id="tps_point3"><a href="#">Point 3</a></div>
</div>
The idea is that there are 3 images side by side, and when the mouse
hover's over each image, the image changes to a highlighted one, and the
image is clickable too, so that the user is taken to some other place when
the image is clicked.
I have managed to apply the hover effect, but I can't get the linking to
work.
Can someone help me out ?
JSFiddle: http://jsfiddle.net/ahmadka/Fjmnt/