<!DOCTYPE html>
<html>
<head>
	<link type="text/css" rel="stylesheet" href="stylesheets/materialize.css"  media="screen,projection"/>

	<title></title>
</head>
<body>


<h1>Payment Information</h1>
<div><select><option>Card Type: Visa</option></select></div>
<div>card number</div>
<div>card expiration</div>


<input type="button"
	   value="Gyft it Now!"
	   onclick="window.location.href = 'send-success.html'" />



	 <script src="assets/jquery-3.1.1.min.js"></script>
	 <script type="text/javascript" src="materialize.min.js"></script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
	<link type="text/css" rel="stylesheet" href="stylesheets/materialize.css"  media="screen,projection"/>
	<title>Payment Information</title>
</head>
<body>


<h1>Payment Information</h1>
<div><select><option>Card Type: Visa</option></select></div>
<div>card number</div>
<div>card expiration</div>


<input type="button"
	   value="Gyft it Now!"
	   onclick="collect_funds();" />


	 <script src="assets/jquery-3.1.1.min.js"></script>
	 <script type="text/javascript" src="materialize.min.js"></script>
	 <script>
	 	
	 	function collect_funds() {
			
			$.post( "http://localhost:8080/visadirect", function( data ) {
			  window.location.href = "send-success.html";
			});
		}


	 </script>
</body>
</html>

Add simple function directly to the page.
Add simple function directly to the page.
