$(document).ready(function() doesn't work

$(document).ready(function() doesn't work

Hello I am new with jquery and have created my first script but I am figuring out why my first script doesn't work. 
Need some help .

  1. <script >
  2.  $(document).ready(function(){
  3. $('#main').mouseover(function(){
  4. $('#logo').fadeOut('slow');

  6.  });
  7.  });
  8. </script>

  10. <div  id="main"class="main">
  11. <ul   id="logo">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa, volutpat nec faucibus sed, volutpat nec tortor. Nulla facilisi. Praesent consequat dolor neque. Nam consequat gravida nunc auctor volutpat. Mauris a ligula eu turpis tempus feugiat. Fusce velit ante, ultrices at mattis quis, commodo non odio. Duis vitae sollicitudin magna. Nulla tristique tincidunt massa in tristique. Sed viverra nisi vitae lacus sollicitudin eget dapibus urna placerat. Maecenas commodo, nibh pharetra tempus pellentesque, purus dui ultrices dolor, et ornare ipsum tortor vitae risus. Etiam tempus bibendum congue. Vestibulum odio sem, semper eget ultrices ac, cursus ut dolor.</ul>
  12. <ul class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ligula massa, volutpat nec faucibus sed, volutpat nec tortor. Nulla facilisi. Praesent consequat dolor neque. Nam consequat gravida nunc auctor volutpat. Mauris a ligula eu turpis tempus feugiat. Fusce velit ante, ultrices at mattis quis, commodo non odio. Duis vitae sollicitudin magna. Nulla tristique tincidunt massa in tristique. Sed viverra nisi vitae lacus sollicitudin eget dapibus urna placerat. Maecenas commodo, nibh pharetra tempus pellentesque, purus dui ultrices dolor, et ornare ipsum tortor vitae risus. Etiam tempus bibendum congue. Vestibulum odio sem, semper eget ultrices ac, cursus ut dolor.</ul>
  13. </div>