title: Simple ajax form using javascript no jQuery
body: <p>I'm working with a form for which the mark-up I can't change &amp; can't use jQuery.
  Currently the form post the results to a new window. Is it possible to change this to an ajax form so that the results displays on submit instead without altering any mark-up?
  Pulling the results (mark-up) from the results page back to the form page.</p>
  
  <p>Here is the mark-up for the form.</p>
  
  <pre><code>&lt;form class="form-poll" id="poll-1225962377536" action="/cs/Satellite" target="_blank"&gt;
  &lt;div class="form-item"&gt;
      &lt;fieldset class="form-radio-group"&gt;
          &lt;legend&gt;&lt;span class="legend-text"&gt;What mobile phone is the best?&lt;/span&gt;&lt;/legend&gt;
                  &lt;div class="form-radio-item"&gt;
                      &lt;input type="radio" class="radio" value="1225962377541" name="option" id="form-item-1225962377541"&gt;
                      &lt;label class="radio" for="form-item-1225962377541"&gt;
                          &lt;span class="label-text"&gt;iPhone&lt;/span&gt;
                      &lt;/label&gt;
                  &lt;/div&gt;&lt;!-- // .form-radio-item --&gt;
                  &lt;div class="form-radio-item"&gt;
                      &lt;input type="radio" class="radio" value="1225962377542" name="option" id="form-item-1225962377542"&gt;
                      &lt;label class="radio" for="form-item-1225962377542"&gt;
                          &lt;span class="label-text"&gt;Android&lt;/span&gt;
                      &lt;/label&gt;
                  &lt;/div&gt;&lt;!-- // .form-radio-item --&gt;
                  &lt;div class="form-radio-item"&gt;
                      &lt;input type="radio" class="radio" value="1225962377543" name="option" id="form-item-1225962377543"&gt;
                      &lt;label class="radio" for="form-item-1225962377543"&gt;
                          &lt;span class="label-text"&gt;Symbian&lt;/span&gt;
                      &lt;/label&gt;
                  &lt;/div&gt;&lt;!-- // .form-radio-item --&gt;
                  &lt;div class="form-radio-item"&gt;
                      &lt;input type="radio" class="radio" value="1225962377544" name="option" id="form-item-1225962377544"&gt;
                      &lt;label class="radio" for="form-item-1225962377544"&gt;
                          &lt;span class="label-text"&gt;Other&lt;/span&gt;
                      &lt;/label&gt;
                  &lt;/div&gt;&lt;!-- // .form-radio-item --&gt;
      &lt;/fieldset&gt;
  &lt;/div&gt;&lt;!-- // .form-item --&gt;
  &lt;div class="form-item form-item-submit"&gt;
      &lt;button class="button-submit" type="submit"&gt;&lt;span&gt;Vote now&lt;/span&gt;&lt;/button&gt;
  &lt;/div&gt;&lt;!-- // .form-item --&gt;
  &lt;input type="hidden" name="c" value="News_Poll"&gt;
  &lt;input type="hidden" class="pollId" name="cid" value="1225962377536"&gt;
  &lt;input type="hidden" name="pagename" value="Foundation/News_Poll/saveResult"&gt;
  &lt;input type="hidden" name="site" value="themouth"&gt;
  </code></pre>
  
  <p></p>
  
  <p>Any tips/tutorial is much appreciated. :)</p>