update account is now an ajax call

app/controllers/users_controller.rb

@@ -23,12 +23,16 @@ class UsersController < ApplicationController
   end
   
   def update
+    message = false
     current_user.skip_user_id_assign = true
     current_user.update_attributes(params[:user].reject { |k| k == ("password" || "password_confirmation") })
     pass = params[:user][:password]
     current_user.password = pass if !(pass.blank?)
-    flash[:success] = "Account Updated!" if current_user.save!
-    redirect_to user_account_settings_path(:user_id => current_user.user_id) 
+    message = true if current_user.save!
+    respond_to do |format|
+      format.html { redirect_to user_account_settings_path(:user_id => current_user.user_id) }
+      format.json { render :json => {:msg => message ? "success" : "false "} }
+    end
   end
   
 end

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>