jquery.org: Use buttons instead of anchors for forms.

Author: scottgonzalez

themes/jquery.org/style.css

@@ -251,7 +251,7 @@ a.icon-search::before {
 	padding-right: 15px;
 }
 
-.member-level a.button {
+.member-level .button {
 	float: left;
 	display: inline-block;
 	clear: both;
@@ -262,7 +262,7 @@ a.icon-search::before {
 
 }
 
-.member-level form a.button {
+.member-level form .button {
 	clear: none;
 }
 
@@ -414,13 +414,13 @@ a.icon-search::before {
 	margin-bottom: 40px;
 }
 
-a.button,
-#content a.button, .button {
+.button,
+#content .button {
 	background-color: #b71551;
 }
 
-a.button:hover,
-#content a.button:hover {
+.button:hover,
+#content .button:hover {
 	background-color: #7c0d36;
 }
 

themes/jquery/js/main.js

@@ -90,17 +90,18 @@ $(function() {
 			gifts.not( gift ).slideUp();
 		});
 
-		$(".member-level .pay").on( "click", function() {
-			var a = $(this)
+		$(".member-level .pay").on( "click", function( event ) {
+			event.preventDefault();
+			var button = $( this );
 			StripeCheckout.open({
 				key: 'pk_NjMf2QUPtR28Wg0xmyWtepIzUziVr',
-				image: a.data("image"),
-				name: a.data("name"),
-				description: a.data("description"),
-				panelLabel: a.data("panel-label"),
-				amount: a.data("amount"),
-				token: function(res) {
-					alert(res.id);
+				image: button.data("image"),
+				name: button.data("name"),
+				description: button.data("description"),
+				panelLabel: button.data("panel-label"),
+				amount: button.data("amount"),
+				token: function( data ) {
+					alert( "Stripe token: " + data.id );
 				}
 			});
 		});