update account is now an ajax call

app/views/users/account_settings.html.erb

@@ -1,5 +1,29 @@
 <div class="dashboard-wrapper">
 	<div class="main-container">
+		<div class="row-fluid">
+			<div class="span12">
+				<div id="success" style="display: none;" class="alert alert-block alert-success fade in">
+		            <h4 class="alert-heading">
+		              Success!
+		            </h4>
+		            <p>
+		              Information successfully updated.
+		            </p>
+		          </div>
+			</div>
+		</div>	
+		<div class="row-fluid">
+			<div class="span12">
+				<div id="failure" style="display: none;" class="alert alert-block alert-error fade in">
+                    <h4 class="alert-heading">
+                      Error!
+                    </h4>
+                    <p>
+                      Failed to update.
+                    </p>
+                  </div>
+			</div>
+		</div>
 		<div class="row-fluid">
 		    <div class="span6">
 		      <div class="widget">
@@ -53,6 +77,29 @@
 
 <%= javascript_include_tag ('validation.js')%>
            
+<script type="text/javascript">
+
+$("#submit_button").click(function(event) {
+  	var valuesToSubmit = $("#account_edit").serialize();
+    event.preventDefault();
+    $.ajax({
+      url: <%= "/users/#{current_user.user_id}.json".inspect.html_safe %>,
+	  data: valuesToSubmit,
+	  type: "POST",
+	  success: function(response) {
+		if (response.msg == "failure") {
+		  $('#failure').show(500).delay(1500).fadeOut();
+		} else {
+		  $('#success').show(500).delay(1500).fadeOut();
+		}
+	  },
+	  error: function(event) {
+		$('#failure').show(500).delay(1500).fadeOut();
+	  }
+	});
+});
+
+</script>