Javascript-форум - Не меняется класс при нажатии

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Не меняется класс при нажатии (https://javascript.ru/forum/misc/53380-ne-menyaetsya-klass-pri-nazhatii.html)

Не меняется класс при нажатии

Здравствуйте! Мне нужно, чтобы при нажатии на ссылку, она меняла свой класс. Ссылка это весь блок и хочу сделать так, чтобы блок меня свой внешний вид так сказать. Но не могу сообразить где тут ошибка. В этом языке я новичок.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>

<body>
	<div><a href="#" class="part"></a></div>
<script type="text/javascript" href="js/main.js"></script>
</body>
</html>

$("a").click(function(){
  	$(".part").removeClass("part");
  	$(this).addClass("active");
	});

zXus,
jquery где?

Добавил, все равно не меняется класс.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<script type="text/javascript" href="jquery.js"></script>
</head>

<body>
	<div><a href="#" class="part"></a></div>
<script type="text/javascript" href="main.js"></script>
</body>
</html>

zXus,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body  a{
     color: #FFFFFF;

  }
  .active {
    background: #FFCC00;
  }
  .part{
         background: #339900;
  }
  a {
     cursor: pointer;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
      $("a").click(function(){
  	$(".part").removeClass("part");
  	$(this).addClass("active");
	});

});


  </script>
</head>

<body>
  <div><a href="#" class="part">test</a></div>
</body>

</html>