jQuery membentuk serialisasi - string kosong

HTML saya:

 <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" />

Ketika saya menjalankan acara klik, formData kosong. Saya menggunakan jQuery 1.4.2.

Anda harus memberi inputnama pada elemen tersebut. Misalnya:

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

akan memberi Anda di kotak peringatan foo=2.

.serialize()mengambil nama dan nilai bidang formulir dan membuat seperti string name1=value1&name2=value2. Tanpa nama, ia tidak dapat membuat string seperti itu.

Perhatikan bahwa nameada sesuatu yang berbeda dari id. Formulir Anda juga tidak akan berfungsi jika Anda menggunakannya dengan cara "normal". Setiap bidang formulir membutuhkan nama.

Meskipun tidak berlaku untuk contoh khusus ini, perilaku yang sama terjadi jika satu atau lebih masukan formulir disabled. Input tersebut tidak akan muncul dalam string serial. Dalam kasus saya, semua input formulir memiliki nilai tetapi dinonaktifkan, sehingga string kosong dikembalikan.

Tidak ada nameatribut di input ... yang mungkin menjadi masalah untuk serialisasi.

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

Pastikan juga tidak ada 2 elemen dengan id yang sama di halaman.