Limitar adição de Elemento com JQuery

Fala pessoal,,,

eu achei um script muito bacana de um cara no youtube (

) e gostaria de uma ajuda pra uma pequena modificação.

O script adiciona elementos, no caso eu estou adicionando campos de telefone... só que eu quero limitar o número de telefones, no máximo três... como faria isso???

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
 $(function(){
 $("#add").click(function(){
	var input = '<div class="itens">';
 input += '<label>Telefone: <input type="text" name="telefone[]" />
 </lable>'
 input += '<a href="#" class="del"> Excluir</a> </div> ';

	$("#campos").append(input);
	return false;
	});

	$('.del').live('click', function(){
 $(this).parent().remove();
	});
	});
</script>
 

<a href="#" id="add">add</a>
<form>
<label>	Telefone: <input type="text" name="telefone[]" /></lable>
<div id="campos"></div>
<br>
<input type="submit" value="enviar">

</form>