serializar formulário jQuery - string vazia

Meu html:

 <script type="text/javascript">

    $(function() {

        $("#bt1").click(function() {

            var f = $("#form1");
            var formData = f.serialize();

            alert(formData);
        });

    }); 
</script> 

 <div id="div1">
      <form id="form1" action="/Home/Test1" method="post" name="down">
        <div id="div2">
            <input id="input1" type="text" value="2" />
        </div>    
      </form>
  </div>

 <input type="submit" id="bt1" />

Quando eu acionar o evento click, formData está vazio. Estou usando o jQuery 1.4.2.

Você tem que dar inputum nome ao elemento. Por exemplo:

<form id="form1" action="/Home/Test1" method="post" name="down">
    <div id="div2">
        <input id="input1" type="text" value="2" name="foo"/>
    </div>    
</form>

lhe dará na caixa de alerta foo=2.

.serialize()pega o nome e o valor dos campos do formulário e cria uma string como name1=value1&name2=value2. Sem um nome, ele não pode criar tal string.

Observe que nameé algo diferente de id. Seu formulário também não teria funcionado se você o usasse da maneira "normal". Cada campo de formulário precisa de um nome.

Embora não se aplique a este exemplo específico, o mesmo comportamento ocorre se uma ou mais entradas de formulário forem disabled. Essas entradas não aparecerão na string serializada. No meu caso, todas as entradas do formulário tinham valores, mas foram desabilitadas, resultando no retorno de uma string vazia.

Não há nenhum nameatributo na entrada ... isso pode ser um problema para serializar.

<input id="input1" type="text" value="2" name="input1" />

Verifique também se não há 2 elementos com o mesmo id na página.