Learning Ruby on Rails Day 41

<div id="vote-form">
  <% form_for [ @story, Vote.new ] do |f| %>
    <p><%= f.submit 'Shove This' %></p>
  <% end %>
</div>

<div id="vote-form">
  <form action="/stories/4-hell-breaks-loose/votes" class="new_vote" id="new_vote" method="post">
    <div style="margin:0;padding:0">
      <input name="authenticity_token" type="hidden"
value="qA83IKqd05mqmSl8zyigMzmPeK+o6A+m7b683FhN16U=" />
    </div>
    <p><input id="vote_submit" name="commit" type="submit" value="Shove This" /></p>
  </form>
</div>

// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
jQuery(function() {
  jQuery('#new_vote').submit(function() {
    // $.post(url, data, callback, type)
    jQuery.post(
      jQuery(this).attr('action'),
      jQuery(this).serialize(),
      null,
      'script'
    );
    return false;
  });
});

// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults 
jQuery.ajaxSetup({
  'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")}
}) 
jQuery.fn.submitWithAjax = function() {
  this.submit(function() {
    $.post(this.action, $(this).serialize(), null, "script");
    return false;
  })
  return this;
}; 
$(document).ready(function() {
  $("#new_review").submitWithAjax();
})

class VotesController < ApplicationController	
  def create
    @story = Story.find(params[:story_id])
    @story.votes.create
    flash[:notice] = 'Thanks.'
    # The following would work too.
    # unless request.xml_http_request?
      # redirect_to @story
    # end
 
    # Rails uses the HTTP Accept header to determine the request type.
    respond_to do |format|
      format.html { redirect_to @story }
      format.js
    end
  end
 
end

# replace the content of #id with this HTML
page.replace_html 'vote-score', "Score: #{@story.votes.count}"
# apply visual effect :effet_type to the content of #id
page.visual_effect :highlight, 'vote-score', :duration => 2

jQuery('#vote-score').html("Score: <%= @story.votes.count %>").show('highlight', {}, 2000);