Javascript-форум - hide(), show(), click()

Вот есть простая страница. Если кликнуть по ссылке кнопкой мыши, то появится на мгновение блок (причем вроде на то время, пока грузится страница). А должен просто появится и не исчезать.

http://178.162.248.149/~sergc578/simple/

html-верстка:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title></title>
    <link type="text/css" href="css/index.css" rel="stylesheet"/>
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
    <script type="text/javascript">
	$(document).ready(function(){
	  $('#popup').hide();
    	  $('#link').click(function(){
  	    $('#popup').show();
	});
      });
    </script>
  </head>
  <body>
    <div id="alldocument">
	<p><a id="link" href="">Ссылка</a></p>
    </div>
    <div id="popup">
    <h4>Заголовок</h4>
    <p>Абзац 1</p>
    <p>Абзац 2</p>
    </div>
  </body>
</html>

CSS:

*{
  margin: 5px;
}
div{
  margin: 10px;
}
#alldocument{
  position: relative;
}
#popup{
  position: absolute;
  top: 200px;
  left: 200px;
}

Подскажите, пожалуйста, где ошибка?