Помощь с кодом

Малик Назиманов

Вообщем делал домашку по курсу и тут наткнулся на проблему

вот есть код

<!DOCTYPE html>
<html>
<head>
  <title>Интернет-Магазин Programm Seller</title>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="style/style.css">
    <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="all" href="menu.css">
  <script type="text/javascript" src="js/jquery.min.js"></script>

</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
  $('a').on('click', function(e){
    e.preventDefault();
  });

  $('#ddmenu li').hover(function () {
     clearTimeout($.data(this,'timer'));
     $('ul',this).stop(true,true).slideDown(200);
  }, function () {
    $.data(this,'timer', setTimeout($.proxy(function() {
      $('ul',this).stop(true,true).slideUp(200);
    }, this), 100));
  });

});

</script>
       <br>  <!-- шапка -->
      <header>
       <img src="img/logo.png">
       </header>
        <!-- navigation, навигация -->
        <br>
        <nav>
          <!-- unordered list, неупорядоченный список, маркированный список -->
          <ul id="ddmenu">
            <!-- list item, элемент списка -->
            <li><a href="#">Меню</a>
            <ul>
              <li><a href="index.html">Главная</a></li>
              <li><a href="#">Каталог(В разработке)</a></li>
              <li><a href="contacts.html">Контакты</a></li>
              <li><a href="#">О нас(В разработке)</a></li>
              <li><a href="#">Калькулятор(В разработке)</a></li>
            </ul>
          </ul>
        </nav>
        <div class="wrapper">
        <div class="content">
        <h1>Добро пожаловать в Магазин Programm Seller!</h1>
        <h3>На данный момент бы можем предложить следующие 2 товара!</h2>
        <br>
        <br>
        <div class="item">
        <figure><img src="img/item.jpg" title="Nexus 6P">
        <figcaption>Качественный! <br>Стильный! Производительный!<br> Всё что нужно для истенного фаната Android!</figcaption></figure>
        </div>
        <div class="item2">
            <figure><img src="img/item3.jpg" title="LeEco Le 2">
            <figcaption>Стильный дизайн, Отличная камера, Высокая произваодительность! <br> Этот телефон Создан победжать!</figcaption></figure>
        </div>
        </div>
        <div class="footer">
          <nav>
          <!-- unordered list, неупорядоченный список, маркированный -->
          <ul>
            <!-- list item, элемент списка -->
            <ul>
              <li><a href="index.html">Главная</a></li>
              <li><a href="#">Каталог</a></li>
              <li><a href="contacts.html">Контакты</a></li>
              <li><a href="#">О нас</a></li>
              <li><a href="#">Калькулятор</a></li>
            </ul>
          </ul>
        </nav>

        </div>
        </div>
</body>
</html>

Но при этом не работают ссылки в меню, а именно Главная и Контакты(Остальных нету) , когда удалил скрипт то всё стало работать, но дело в том что он мне нужен, как исправить??

1 чел.