[jQuery] problemi con aggiunta e rimozione input in html

tarab

[jQuery] problemi con aggiunta e rimozione input in html

Buon giorno,
ho scritto un piccolo JS per la creazione dinamica di input (di tipo "radio"). Solo che ogni volta mi ricrea gli input da zero, senza aggiungerli.
Vi posto lo script così mi spiego meglio:
[HTML]
<html>
<head>
<title></title>
<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var numField = 0;
var i;
$(function()
{
$('.anno').click(function()
{
i=0;
if($(this).is(':checked'))
{
$('#aggiungiCampi').empty();
numField = $(this).val();
$("#numeroAnni").val(numField);

                // genera 'numField' campi
                for(i=1; i<=numField; i++)
                {
                    $("#aggiungiCampi").append('<p id="extraInput'+i+'">Attivita anno' +i+ ': <input type="text" name="attivita['+i+']" /></p>');
                }
            }
        });
    });
</script>
</head>
<body>
<form method="post" action="elabora.php">
    <input type="hidden" name="numeroAnni" id="numeroAnni" value="" />
    <input type="radio" name="anno" class="anno" value="0"  />0° (inizio)
    <input type="radio" name="anno" class="anno" value="1" />1°
    <input type="radio" name="anno" class="anno" value="2" />2°
    <input type="radio" name="anno" class="anno" value="3" />3°
    <div id="aggiungiCampi"></div>
    <input type="submit" value="Invia" />
</form>
</body>

</html>

[/HTML]

Per com'è strutturato adesso il codice funziona, ma in maniera anomala: nel senso che invece di aggiungere i campi mancanti (fino a un massimo di 3) li crea ogni volta da zero.
Io, invece, vorrei far si chè togliesse e aggiungesse ogni volta i campi.
Come potrei fare?
Grazie.