Não consigo abrir o calendário em minha JSP

Front-end
#1

Acompanhando uma apostila da caelum(FJ21), fui fazendo os exercícios e aprendendo um pouco mais sobre JEE. Em um exercício que pede para fazer uma TagLib(TagFiles), fiz e deveria aprecer um calendário. Acontece que não apereceu. Abaixo os meus códigos:
Esse aí em baixo é o código da JSP que deveria mostrar o calendário

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&gt; &lt;%@taglib tagdir="/WEB-INF/tags" prefix="caelum" %&gt; &lt;head&gt; &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery-ui.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;form action="adicionaContato"&gt; Nome: &lt;input type="text" name="nome" /&gt;<br /> E-mail: &lt;input type="text" name="email" /&gt;<br /> Endereço: &lt;input type="text" name="endereco" /&gt;<br /> Data Nascimento: &lt;caelum:campoData id="dataNascimento" /&gt;<br /> &lt;!-- Data Nascimento: &lt;input type="text" name="dataNascimento" /&gt;&lt;br /&gt;--&gt; &lt;input type="submit" value="Gravar" /&gt; &lt;/form&gt;
Esse aí em baixo é o código da minha tag, que chamei de campoData.tag

&lt;%@ attribute name="id" required="true" %&gt; &lt;script type="text/javascript"&gt; $(function() { $("#${id}").datepicker({dateFormat: "dd/mm/yy"}); }); &lt;/script&gt; &lt;input type="text" id="${id}" name="${id}" /&gt;
No aguardo de alguma ajuda.

#2

faltaram os arquivo do jquery

<link type="text/css" href="css/jquery.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script src="js/jquery.ui.datepicker-pt-BR.js" type="text/javascript"></script>

arrumando os paths, claro
vc consegue os arquivos no http://jquery.com/

#3

Pjava troque sua tag por esta:

<%@attribute name=“id” required=“true”%>

#4