diff --git a/app/assets/javascripts/application.js.erb b/app/assets/javascripts/application.js.erb
index 5ace7ff..49faedf 100644
--- a/app/assets/javascripts/application.js.erb
+++ b/app/assets/javascripts/application.js.erb
@@ -217,8 +217,7 @@ $(document).ready(function() {
     box.html($("#comment_form").clone());
     box.find("ol").remove();
 
-    console.log(box.find('button.comment-preview'));
-    box.find('button.comment-preview').after('<a class="comment-cancel" href="#">Cancel</a>');
+    box.find("button.comment-preview").after("&nbsp;\n&nbsp;<button class=\"comment-cancel\" name=\"button\" type=\"button\">Cancel</button>");
 
     box.find("textarea").focus();
 
@@ -231,8 +230,8 @@ $(document).ready(function() {
     return false;
   });
 
-  $("a.comment-cancel").live("click", function() {
-    $(this).parents('div.comment_reply form').remove();
+  $("button.comment-cancel").live("click", function() {
+    $(this).parents("div.comment_reply form").remove();
   });
 
   $("a.comment_editor").live("click", function() {
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 70e825b..583ad0b 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -553,15 +553,10 @@ div.comment_reply form {
 	padding-top: 1em;
 }
 
-div.comment_reply a.comment-cancel {
-  margin-left: 15px;
+div.comment_reply button.comment-cancel {
   color: #AC130D;
 }
 
-div.comment_reply a.comment-cancel:hover {
-  color: #DD4B3C;
-}
-
 a.pagelink {
 	border: 1px solid #ddd;
 	background-color: #fbfbfb;