<html>
<head>
	<title></title>

	<link rel="stylesheet" href="css/styles.css" />
	
	<!-- Put your jQuery script on the next line -->

	<!-- Include your JavaScript file on the next line -->	

</head>
<body>

	<div class="image-frame">
	    <img src="http://codewithme.us/images/before.jpg" />
	</div>

</body>
</html>
.image-frame {
    background-image: url(http://codewithme.us/images/after.jpg);
    width: 640px;
    height: 360px;
}
jQuery(document).ready(function() {
        
    // Write your jQuery command after this line ...
    
    jQuery("___").___(function() {
         jQuery("___").___();            
    });
    
    // ... but before this line 
    
    /*
    
    Here is an example:
    
    When I click on the paragraph,
        the paragraph will become hidden

    jQuery("p").click(function() {
         jQuery("p").hide();            
    });
    
    */
    
});