JQuery - Serialize() a object that isn't a form but it's inside and part of a form
<p>I'm trying to serialize some contents inside of a form:</p>

<pre><code>&lt;form&gt;
  &lt;input ...&gt;
  &lt;input ...&gt;
  &lt;div id=div1&gt;
    &lt;input name=input1 ...&gt;
    &lt;input name=input2 ...&gt;
  &lt;/div&gt;
&lt;/form&gt;

&lt;script&gt;
  jQuery("#div1").serialize();
&lt;/script&gt;
</code></pre>

<p>In this code serialize() function doesn't serialize the input1 and input2. Even I tried </p>

<pre><code>jQuery("&lt;form&gt;" + jQuery("div1").html() + "&lt;/form&gt;").serialize()
</code></pre>

<p>And it does serialize the inputs but all the values are Empty! it's like it doesn't assign values that user entered: <code>input1=&amp;input2=</code></p>

<p>Is there any solutions out there?
<em>(The reason I need to do this is that this page is a ASP.NET page since ASP.NET standard is a single form based so I have to deal with this situation)</em></p>
