1. <div class="fadein">
2.       <a href="/link1"><img src="/images1.jpg" /></a>
3.       <a href="/link2"><img src="/images2.jpg" /></a>
4.       <a href="/link3"><img src="/images3.jpg" /></a>
5. </div>

jQuery

1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
2. <script type="text/javascript">
3. $(function() {
4. $('.fadein img:gt(0)').hide();
5. 
   
6. setInterval(function () {
7.     $('.fadein :first-child').fadeOut(0)
8.                              .next('img')
9.                              .fadeIn(0)
10.                              .end()
11.                              .appendTo('.fadein');
12. }, 7000);
13. });
14. </script>

If I remove the anchor tags the banner works perfectly, how can I make this banner work with the anchor tags?

Thanks in advance for any assistance!