HTML code:
<html>
<head>
<title>
Django Bookmarks | {% block title %} {% endblock %}
</title>
<link rel=stylesheet" href="/site_media/style.css"
type="text/css" />
<script type="text/javascript"
src="/site_media/jquery.js"></script>
{% block external %} {% endblock %}
</head>
<body>
<div id="nav">
<a href ="/">home</a> |
{% if user.is_authenticated %}
<a href="/save/">submit</a> |
<a href="/user/{{ user.username }}/">
{{ user.username }}</a> |
(<a href="/logout">logout</a>)
{% else %}
<a href="/login/">login</a>
<a href="/register/">register</a>
{% endif %}
</div>
<h1>{% block head %}{% endblock %}</h1>
{% block content %}{% endblock %}
</body>
</html>
When I try this command in Firebug,
$("#nav").hide()
I get the following error,
TypeError: $("#nav") is null.
Let me know how to fix this issue.