// let's start the jQuery while I wait.
      // step 1: onload - capture the submit event on the form.
      $(function() { // onload...do
        $('#newsletter-form').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 '#subscribeForm' to narrow down our selector
          $("#response").after('<div id="loading">Loading...</div>');
          var inputs = [];
          $(':input', this).each(function() {
              var me = $(this);
                if(!me.is(':checkbox, :radio') || this.checked){
                inputs.push(this.name + '=' + escape(this.value));
                }
          })
         
         
          // 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() {
              console.log("Failed to submit");
            },
            success: function(msg) {
                $("#loading").remove();
              //alert(inputs);
              $('#response').attr('innerHTML',msg);
            }
          }) // 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 handleFocus (element) {
		if( !element._original )
			element._original = element.value;
		if( element.value == element._original ) {
			element.value = "";
			element.className = 'text-active';
		}
		
	}

	function handleBlur (element) { 
		if( !element.value ) {
			element.value = element._original;
			element.className =  "text";
		}

	}