title: use jquery to load form input directly into page
body: <p>I have a form on one page, some of the form data is pulled from various tables in my mysql database -- the tables hold the options for different selects, so the following is the way my data will look after the php scripts are run:</p>
  
  <pre><code> &lt;select name="vehicleStyle"&gt;
      &lt;option value="empty" selected="selected"&gt;- select -&lt;/option&gt;
      &lt;option value="coupe"&gt;Coupe&lt;/option&gt;
      etc....
    &lt;/select&gt;
  </code></pre>
  
  <p>I have a second form that loads over this page in an iframe, this 2nd form allows me to update the data included in this mysql table so that I can add options to the form on the fly. Everything works absolutely fine and wonderful however, if I update (add a value) to this table on the fly, I have to refresh the page in order for the new data to show up in the first form on the main page. I've played with auto-refreshing the page, but that's kind of obnoxious.</p>
  
  <p>Is there a way to add this form data directly into my original page via jquery?</p>
  
  <p>I think twitter does something like this when you add a tweet (I don't use twitter) but it adds your recent tweet onto the top of the page without actually reloading the entire page.</p>
  
  <p>Thanks so much!</p>