// let's start the jQuery while I wait.
      // step 1: onload - capture the submit event on the form.
      $(function() { // onload...do
        $('#contactForm').submit(function() {
          // now we're going to capture *all* the fields in the
          // form and submit it via ajax.

          // :input is a macro that grabs all input types, select boxes
          // textarea, etc.  Then I'm using the context of the form from
          // the initial '#contactForm' to narrow down our selector
          var inputs = [];
          $(':input', this).each(function() {
            inputs.push(this.name + '=' + escape(this.value));
          })
	// resetting form
          this.reset();
          // now if I join our inputs using '&' we'll have a query string
          jQuery.ajax({
            data: inputs.join('&'),
            type: "POST",
            url: this.action,
            timeout: 2000,
            error: function() {
              alert("Failed to submit - connection error! Please try again.");
            },
            success: function(r) {
              !$('#results').attr('innerHTML') ? $('#results').attr('innerHTML', r) : $('#results').attr('innerHTML', r + '<br /><br />' + $('#results').attr('innerHTML'));
            }
          }) // checkout http://jquery.com/api for more syntax and options on this method.

          // re-test...
          // by default - we'll always return false so it doesn't redirect the user.
          return false;
        })
      })
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }