Не работает выпадающий список
 

Что я делаю не так? Список упорно не хочет раскрываться при наведении курсора..

<ul id="topmenu">
  <li><a href="news/">Новости</a></li>
  <li class="sublnk"><a href="2.html"><b>Экономика</b></a>
    <ul>
      <li><a href="3.html"><b>Финансы</b></a></li>
      <li><a href="4.html"><b>Инвестиции</b></a></li>
    </ul>
  </li>
          </ul>

$(document).ready(function(){
		$('#topmenu li.sublnk').hover(
		function() {
			$(this).addClass("selected");
			$(this).find('ul').stop(true, true);
			$(this).find('ul').slideDown('fast');
		},
		function() {
			$(this).find('ul').slideUp('fast');
			$(this).removeClass("selected");
		}
	);
});

А как должно быть?

<ul id="topmenu">
  <li><a href="news/">Новости</a></li>
  <li class="sublnk"><a href="2.html"><b>Экономика</b></a>
    <ul>
      <li><a href="3.html"><b>Финансы</b></a></li>
      <li><a href="4.html"><b>Инвестиции</b></a></li>
    </ul>
  </li>
          </ul>
		  
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
		  $(document).ready(function(){
		$('#topmenu li.sublnk').hover(
		function() {
			$(this).addClass("selected");
			$(this).find('ul').stop(true, true);
			$(this).find('ul').slideDown('fast');
		},
		function() {
			$(this).find('ul').slideUp('fast');
			$(this).removeClass("selected");
		}
	);
});
</script>

Хм, не понимаю где накосячил.. Действительно когда вставляю скрипт непосредственно в хидер, все работпет. Но как только подключаю js файл с кодом, не хочет.. И пути все перепроверил.

см. в консоль, может ошибку какую выдаёт