Serialize Text Area

HTML

<textarea id="ta" name="text-area" rows="10" cols="50" ></textarea>
<input id="cb"  name="cb" type="checkbox"  value="too" checked="checked"  />
<input id="txt" name="txt" type="text"     value="bar"  />
<input type="button" value="Serialize" onclick="serializeThat()" />
<pre id="output_ta"></pre>
<pre id="output_cb"></pre>
<pre id="output_txt"></pre>
<pre id="output_all"></pre>

CSS

pre {border:1px solid #000;}
textarea,input,pre{display:block;}

JavaScript

function serializeThat(){
   jQuery('#output_ta').html(jQuery('#ta').serialize())
   jQuery('#output_cb').html(jQuery('#cb').serialize())
   jQuery('#output_txt').html(jQuery('#txt').serialize())
   jQuery('#output_all').html(jQuery('input, #ta').serialize())
}