How to post data in part of a form using jquery
<p>I have a form like this:</p>

<pre><code>&lt;form id="abc"&gt;

&lt;div id="xyz" &gt;
//some elements
&lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>I have bound the submit event like this:</p>

<pre><code>$(function(){
 $('#abc').submit(function(event){
    //I want to post the data (form fields stored in element 'xyz')
    $.post(/**/);
});
});
</code></pre>

<p>How may I post only the elements in div 'xyz' ?</p>

<p><strong>[Edit]</strong></p>

<p>When I use $(#id).serialize(), I am getting the (url encoded) key value pair. I merely want the value. the data I am trying to extract is in a textarea. It consists of a set of emails, separated by a comma. I want to post the emails to the server. I can either post the data as a JSON array (which means I will have to parse the string clientside), or send the string to the server - which is better practise?</p>
