title: Posting dynamically created form elements alongside hard coded html form
body: <p>I have this html form</p>
  
  <pre><code>&lt;div class="allsubjects"&gt;
  &lt;form class="profile"&gt;
  &lt;label&gt;Names&lt;/label&gt;
  &lt;input type="text" name="names" value="" /&gt;
  &lt;label&gt;City&lt;/label&gt;
  &lt;input type="text" name="city" value="" /&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;button class="add"&gt;
  Add
  &lt;/button&gt;
  </code></pre>
  
  <p>which am using to enter some data. Alongside this form is a dynamically created form field</p>
  
  <pre><code>$(document).ready(function(){
  $( ".add" ).on( "click", function() {
  $( ".profile" ).append( '&lt;div class="col-md-3"&gt;&lt;div class="form-group"&gt;&lt;label&gt;Subject&lt;/label&gt;&lt;input type="text" name="" value="" class="form-control" placeholder="First row, second input"&gt;&lt;/div&gt;&lt;/div&gt;');
  
  });
  });
  </code></pre>
  
  <p>This is the fiddle <a href="https://jsfiddle.net/5o52ueey/9/" rel="nofollow">https://jsfiddle.net/5o52ueey/9/</a></p>
  
  <p>Is there a way i can post the ordinary form and receive the input as usual and get the dynamically posted form info as an array?.</p>