Slider in javascript does not load me when migrating web hosting

This small and basic slider worked well until migrating to a new hosting no longer runs javascript and loads all the images without making the slider:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/></script>
 <script type="text/javascript">
    $(function(){
        $('#slider div:gt(0)').hide();
        setInterval(function(){
        $('#slider div:first-child').fadeOut(0)
         .next('div').fadeIn(0)
         .end().appendTo('#slider');}, 4000);
    });
 </script>

 <div id="slider">
        <div><a href="#"><img src="images/banner1.jpg" width="940" height="344" alt="banner img" /></a></div>
        <div><a href="#"><img src="images/banner1.jpg" width="940" height="344" alt="banner img" /></a></div>
        <div><a href="#"><img src="images/banner2.jpg" width="940" height="344" alt="banner img" /></a></div>
        <div><a href="#"><img src="images/banner3.jpg" width="940" height="344" alt="banner img" /></a></div>
        <div><a href="#"><img src="images/banner4.jpg" width="940" height="344" alt="banner img" /></a></div>
        <div><a href="#"><img src="images/banner5.jpg" width="940" height="344" alt="banner img" /></a></div>
        <div><a href="#"><img src="images/banner6.jpg" width="940" height="344" alt="banner img" /></a></div>
        <div><a href="#"><img src="images/banner7.jpg" width="940" height="344" alt="banner img" /></a></div>
        </div>

In the browser console I get this error: ReferenceError: $ is not defined

Any ideas?