title: jQuery .load() won't load data into <form></form>
body: <p>I have HTML like so:</p>
  
  <pre><code>&lt;form&gt;
  &lt;div id="to_receive_data"&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Javascript like so:</p>
  
  <pre><code>$("#to_receive_data").load("./loadable/a_form_to_load.php");
  </code></pre>
  
  <p>When the .load() completes, the DOM shows:</p>
  
  <pre><code>&lt;form&gt;
  &lt;/form&gt;
  &lt;div id="to_receive_data"&gt;
  &lt;input name="data_from_ajax" value"help_i_need_a_form"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see, the div was moved outside of the  element.</p>
  
  <p>When I press submit, the action page receives no parameters. Is there a .load() quirk here that I'm not aware of?</p>