title: On Img Hover show text in another div
body: <p>I'm trying to find a way to do this:</p>
  
  <p>I've a images with a text inside figure</p>
  
  <pre><code>&lt;figure&gt;
      &lt;img src="" alt=""&gt;
      &lt;caption&gt;&lt;span class="text"&gt;TEXT&lt;/span&gt;&lt;/caption&gt;
  &lt;/figure&gt;
  
  &lt;figure&gt;
      &lt;img src="" alt=""&gt;
      &lt;caption&gt;&lt;span class="text"&gt;TEXT 2&lt;/span&gt;&lt;/caption&gt;
  &lt;/figure&gt;
  
  
  &lt;div id="showhere"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I need when I hover an image to display its text inside another div; <code>&lt;div id="showhere"&gt;&lt;/div&gt;</code> and when mouse is out to hide the text.</p>
  
  <p>I've tried it <a href="http://jsfiddle.net/dH9yb/" rel="nofollow">like this</a> but I'm not very good with jQuery, just starting to learn it.. Can somebody help me out?</p>
  
  <p>here's a <a href="http://jsfiddle.net/dH9yb/" rel="nofollow">fiddle</a></p>