title: How to send dynamic form's data using Jquery
body: <p>I've multiple <code>dynamic forms</code> in a single web page like as follows</p>
  
  <pre><code>&lt;form name='login' id='login_1'&gt;
  &lt;input type='text' name='username'/&gt;
  &lt;input type='password' name='pwd'/&gt;
  &lt;input type='submit' name='submit' id='submit_1' value='Login'/&gt;
  &lt;/form&gt;
  &lt;form name='login' id='login_2'&gt;
  &lt;input type='text' name='username'/&gt;
  &lt;input type='password' name='pwd'/&gt;
  &lt;input type='submit' name='submit' id='submit_2' value='Login'/&gt;
  &lt;/form&gt;
  .......
  .......
  </code></pre>
  
  <p>Here <code>id's</code> are dynamic,suppose if user's enters data in second form and submits then I need to send second(only) form data to server without using third party <code>jQuery plugins</code>,here I'm unable to select <code>submit button id</code> properly.</p>
  
  <p>Is it secure process to send data using <code>serializeArray();</code>, especially for login process ?</p>