Question

So, somewhat standard situation:

OK, so replacing <div> with <form> works. Now to see if any nesting issues occur...

<div id=hidden>
     <input type=hidden value=2 id=i1 name=i1>
     <input type=hidden value=5 id=i2 name=i2>
     <input type=hidden value=6 id=i3 name=i3>
     <input type=hidden value=1 id=i4 name=i4>
     <input type=hidden value=10 id=i5 name=i5>
</div>

I need to submit this data via POST. however alert ($('#hidden').serialize()); returns blank string. What have I done wrong?

Answer 1

try

alert($('#hidden input').serialize()); ​// this will serialize all input element.

if you want to Selects all input, textarea, select and button elements, use :input

from the Docs,

The .serialize() method can act on a jQuery object that has selected individual form elements, such as <input>, <textarea>, and <select>. However, it is typically easier to select the <form> tag itself for serialization

crazy demo