title: Mouseover ajaxload script
body: <p>Im attempting to create a mouseover event for pictures on a page to load a summary of that picture into a div container called "contentarea".  I'm new into coding, so please forgive my inaptitude. The code is below, but im not sure its going to work. Basically, I have 5 pictures of dogs on a webpage, and I want the mouseover event over a picture of the dog to load information from a seperate page called "content.html."  The content that is loaded should load from a  that has the same ID as the ID of the picture that is cursor is currently hovering over. The content will then load into a div that is below all the pictures called "contentarea." All pictures belong to the class dog.  I had tried to adapt someone else's code, but to no effect.</p>
  
  <pre><code>   &lt;script&gt;
     function(){
      $(.dog).mouseover(function(e) {
          var dogId = $(this).data('id');
          $("contentarea").load("content.html
           # " + dogId + " ");
  
      }); 
     &lt;/script&gt;
  </code></pre>