title: Dynamically adding HTML form field using jQuery
body: <p>Since I cant use div inside forms, I wonder how can I add new field in the middle of the form (and I can't use <code>.append()</code> here) without reloading the page or rewriting the form? (using jQuery)</p>
  
  <p>EDIT:
  this is the HTML:</p>
  
  <pre><code>&lt;form id="form-0" name="0"&gt;
  &lt;b&gt;what is bla?&lt;/b&gt;&lt;br&gt;
  &lt;input type="radio" name="answerN" value="0"&gt; aaa &lt;br&gt;
  &lt;input type="radio" name="answerN" value="1"&gt; bbb &lt;br&gt;
  &lt;input type="radio" name="answerN" value="2"&gt; ccc &lt;br&gt;
  &lt;input type="radio" name="answerN" value="3"&gt; ddd &lt;br&gt;
  //This is where I want to dynamically add the new radio or text line
  
  &lt;input type="submit" value="Submit your answer"&gt;
  //but HERE is where .append() will put it!
  
  &lt;/form&gt;
  </code></pre>