signUp() {
	  	var signUpData = {
	  		username : ReactDOM.findDOMNode(this.refs.username).value,
	  		password : ReactDOM.findDOMNode(this.refs.password).value,
	  		passwordVerify : ReactDOM.findDOMNode(this.refs.passwordVerify).value,
	  		email : ReactDOM.findDOMNode(this.refs.email).value
	  		};

	//Verify all sign-up data before passing it to the server
	  	if(signUpData.username == null || signUpData.username == "") {
	  		this.setState({ signUpAlert : "Please enter a username!" });
	  	}
	  	else if(signUpData.password == null || signUpData.password == "") {
	  		this.setState({ signUpAlert : "Please enter a password!" });
	  	}
	  	else if(signUpData.password != signUpData.passwordVerify) {
	  		this.setState({ signUpAlert : "Password entries don't match!" });
	  	}
	  	else if(signUpData.email == null || signUpData.email == "") {
	  		this.setState({ signUpAlert : "Please enter your email address!" });
	  	}
	  	else if (signUpData.email !== null || signUpData.email !== "") {
			var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
			if(!re.test(signUpData.email)) {
	  			this.setState({ signUpAlert : "Not a valid email address!" });
			}
			else {
$.ajax({
  type: "POST",
  url: "/api/v1/newuser",
  data: signUpData,
  dataType: "json",
  success: function(){
				$.post("/loginAuth", signUpData, function(){
				window.location.href= "./";
  			});
  },
  error: function() {
//DON'T KNOW HOW TO GET THIS TO ACTUALLY CHANGE THE STATE DUE TO THREE LEVELS OF NESTING. TRIED ADDING BIND(THIS) TO THE END OF THE AJAX FUNCTION AND THEN DOING VAR THAT = THIS; BUT I COULDN'T GET IT TO WORK
	  	 this.setState({ signUpAlert : "Either this email or this username is already in use!" });
  }
});
	    	}
	  	}
	}