Need Help for better practice Jquery codes
<p>I am trying to make my jquery codes look better here. My functions are working correctly but I was wondering if anyone can make my codes less ugly. Thanks a lot!</p>

<p><strong>HTML</strong>  </p>

<pre><code>&lt;div class='image_layout'&gt;
    &lt;a href='#'&gt;&lt;img src=' a.jpg '/&gt;&lt;/a&gt; 
          &lt;br&gt;&lt;p class='credits'&gt;hahahah 
          &lt;br&gt;Agency: Agency1
          &lt;br&gt;Picture ID: 5 &lt;/p&gt; 
&lt;/div&gt;
</code></pre>

<p><strong>jQuery</strong></p>

<pre><code>$('#image_layout').on('hover', 'img', function() {
    $(this).parent().next().next().fadeIn('fast');
})
$('#image_layout').on('mouseout', 'img', function() {
    $(this).parent().next().next().fadeOut('fast');
})​
</code></pre>
