[DÚVIDA] Trazer um Array de um Input para o Javascript

Olá,

Eu possuo um código HTML com um formulário que contém um Array com input, desta maneira:

<form name="formulario" method="post" action="">
	<input type="text" name="item[]" id="item"/>
 <button type="button" id="add">Adicionar Campo</button>
 <div id="novo_campo">
 </div>
 <hr/>
 <button type="button" onclick="enviaDados()">Enviar Dados</button>
</form>

	 

	E neste mesmo arquivo tenho um script desta maneira:

	 

<script>

//aqui ele adiciona um campo dinamicamente cada vez que eu clicar no botão "Adicionar Campo"

$('#add').click(function(){

	$('#item').append('<div><input type="text" name="item[]" id="item"/><button type="button" id="remover">Remover Campo</button></div>');

});

//aqui ele remove o campo que eu escolher ao clicar em "Remover Campo"

$('body').on('click', '#remover', function(){
	$(this).parent('div').remove();
});

function enviaDados(){

//aqui é pra ele guardar item a item do campo itens[] em um array no Javascript

var item = new Array();
$('#item').each(function(){
	item.push($(this).val());
});

//aqui eu faço a solicitação AJAX pra ele me retornar em uma DIV o resultado que eu quero
$.ajax({
url: 'resultado.php',
type: 'POST',
data: {item: item},

success: function(data){
$('#novo_campo').html(data);
},

dataType: 'html'

});

}

</script>

	E aqui o arquivo resultado.php:

	 

<?php

$item = $_POST['item'];

print_r($item);

?>

	O que acontece é que ele só tá me retornando o primeiro valor do Array, ignorando todos os outros que eu venha a inserir.

	 

	Alguém tem alguma forma melhor de fazer com que eu tenha como retorno um Array com todos os itens que eu adicione?

	 

	Agradeço desde já pela atenção.

	 

	Att,

	Andrade.