JQuery :: Image Viewer Doesn't Work On First Click - But Does On Subsequent Attempts

I'm using the following code

$(".photo img").click(function(){
var title = $(this).attr("title");
$("#display").attr({src:"photo/"+title+".jpg"});});
$("#display").css({"marginTop":"-233px"});

[Code]....

When the page first loads, something goes wrong and your first attempt at viewing any thumbnail always comes up with a blank missing image - but from that point onwards, any subsequent attempts work as intended.