title: Having trouble getting a hover function to work on this code
body: <p>So I need to be able to hover over the face in #3 and it changes to the gooey face and back, but it just won/t work</p>
  
  <pre><code>&lt;section id="three"&gt;
  &lt;p class="desc"&gt;3. Create a hover event that will change the image from happy to gooey (and back again) then create a double click event that will change the image to angry.&lt;/p&gt;
  &lt;img src="images/happyface.png" alt="face"&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>       `$("three img").hover(function(){
          $(this).attr({src:"images/gooeyface.png"})
         }),
         function(){
          $(this).attr({src:"images/happyface.png"});
         };`
  </code></pre>