jquery issue calling on a class for a hover over plug in

[Patchy]

This script is supposed to have text move up from below the image when the users mouse hovers over the image. I do not believe that the jQuery is calling on the class properly and that is why it is not working. I have included code from the jquery plugin as well as the section of html that is supposed to work with this plug in. If you have any questions for me please do not hesitate to ask I will be waiting for a response, I just started using jQuery today and am enjoying it when things work, but have been searching for an answer for some time now and am just baffled with why I can not figure this out. \[code\] <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script> $(function(){ $(' #d1').contenthover({ overlay_width:300, overlay_height:150, effect:'slide', slide_direction:'bottom', overlay_x_position:'center', overlay_y_position:'bottom', overlay_background:'#000', overlay_opacity:0.8 }); }); </script>\[/code\]\[code\] <section id="s-explore"> <div class="pagebreak"><span>The Lifestyle</span> <i class="down"><</i></div> <div class="wrapper layout"> <div class="col"> <div class="media"> <img id="d1" src="http://stackoverflow.com/questions/15607687/images/main.png" /> <div class="contenthover"> <h3>Lorem ipsum dolor</h3> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames</p> <p><a href="http://stackoverflow.com/questions/15607687/#" class="mybutton">Lorem ipsum</a></p> </div> </div> <div class="body"> <h1>Vestibulum</h1> <h2>quis<br />Vestibulum</h2> </div> </div>\[/code\]