title: Image dissapears when using a href
body: <p><strong>JS</strong> </p>
  
  <pre><code>$(function(){
     $('.fadein img:gt(0)').hide();
        setInterval(function(){
     $('.fadein :first-child').fadeOut(1000)
        .next('img').fadeIn(1000)
        .end().appendTo('.fadein');}, 
      5000); 
  });
  </code></pre>
  
  <p>HTML </p>
  
  <pre><code>&lt;div class="fadein"&gt; 
  &lt;img src="IMG 1.."&gt;
  &lt;img src="IMG 2.."&gt;
  /div&gt;
  </code></pre>
  
  <p>This works fine but the moment when I add</p>
  
  <pre><code>&lt;a href="LINK" target="_blank"&gt;&lt;img src="IMG 3..."&gt;&lt;/a&gt; 
  </code></pre>
  
  <p>The IMG 3... dissapears for some reason ? 
  Could anyone explain why and provide me a solution for it ? </p>