title: jQuery show inner div on hover
body: <p>I have a div with an inner div which hi hidden. When I hover over the outter div I wish to show the inner. I am having difficulty doing this. I have tried a few variations but still cant get it.</p>
  
  <p>I will have multiple outer div's on the page also.</p>
  
  <pre><code>&lt;div class='outdiv'&gt;
      &lt;h1&gt;Content&lt;/&gt;
      &lt;div class='innerdiv'&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class='outdiv'&gt;
      &lt;h1&gt;Content&lt;/&gt;
      &lt;div class='innerdiv'&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class='outdiv'&gt;
      &lt;h1&gt;Content&lt;/&gt;
      &lt;div class='innerdiv'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>script:</p>
  
  <pre><code>        $("div.listingContainer").mouseover(function() {
              $(this).parent().siblings(".saveCompare").show();
          }).mouseout(function(){
  
          });
  </code></pre>
  
  <p>Thanks for any help.</p>