title: Can you insert a form onto a page using jQuery's $.load() function?
body: <p>I have a page where there's a drag and drop table where the order of the rows determines the value of a subtotal. However, it's more complicated than just addition and I would rather not duplicate the logic in JavaScript to update the values.</p>
  
  <p>A simple solution would be to reload the whole page using Ajax and then replace the table from the page fetched via Ajax. Perhaps it's not the most elegant solution but I thought it'd be a quick way to get the job done that would be acceptable for now.</p>
  
  <p>You can do that with jQuery like this:</p>
  
  <pre><code>$('#element-around-table').load(document.location.href + ' #table-id');
  </code></pre>
  
  <p>However, my "simple" solution turned out to not be so simple because the table also contains a <code>&lt;form&gt;</code> tag which is not being displayed in Firefox (Safari works).</p>
  
  <p>When I inspect the page using Firebug, I see the form, but it and its elements grayed out.</p>
  
  <p>Searching on the web, I found a <a href="http://www.jqueryhelp.com/viewtopic.php?t=935&amp;start=0&amp;postdays=0&amp;postorder=asc&amp;highlight=&amp;sid=3bbfd58b10cde4db6961f2c2fdf6f062" rel="nofollow noreferrer">rather confused post</a> by a guy who says FF3 and IE strip <code>&lt;form&gt;</code> tags from <code>innerHTML</code> calls.</p>
  
  <p>I'm probably going to move on to do this some other way, but for my future reference, I'd like to know: is this the case?</p>