title: get src of child Image
body: <p>I have a <code>img</code> tag inside a <code>a</code> tag. If I hover the a tag then i want to alert the src of the img tag, and delete the last 4 characters of it.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a onmouseover="hoverImage($(this))"&gt;
      &lt;img src="https://www.google.de/images/srpr/logo11w.png" height="24" alt="" title="" /&gt;
      &lt;p&gt;Startseite&lt;/p&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>function hoverImage (e) {
   alert(e.find('img').getAttribute('src'));
  }
  </code></pre>
  
  <p>I tried my best but don't work :(</p>
  
  <p><a href="http://jsfiddle.net/opvryy00/" rel="nofollow">http://jsfiddle.net/opvryy00/</a></p>