Untitled

$("#activities").update("<%= escape_javascript(render('activity')) %>");

$("<%= escape_javascript(render @activity) %>").appendTo("#activities");

$('#activities').html("<%= j (render @activity) %>");

$("<% escape_javascript(render 'activity')%>").appendTo("#activities");

$('#activities').append('<%= j render(@activity) %>')

class ActivitiesController < ApplicationController
  def display
    @activities = Activity.all
    @activity = Activity.new
    @category = Category.new
    @categories = Category.all
  end

  def index
    @activities = Activity.all
    @activity = Activity.new

  end

  def show
    @activities = Activity.all
    @activity = Activity.new

    respond_to do |format|
      format.html
      format.js
      format.json
    end
  end

  def new
    @activity = Activity.new
  end

  def create #Modified all new
    @activity = Activity.create(activity_params)

  end

  def edit
    @activity = Activity.find(params[:id])
  end

  def update
    @activity = Activity.update(activity_params)
    if @activity.save
      flash[:success] = 'Activity successfully updated!'
      redirect_to root
    else
      flash[:error] = 'ERROR: Activity failed to update'
      render_to_string
    end
  end

  private
    def activity_params
      params.require(:activity).permit(:a_name)
    end

end

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script src="jquery.js"></script>

<div class = "row top-buffer text-center">
  <div class='col-md-3'>
    <h1>
      Activities
    </h1>
  </div>
</div>

  <div id="activities">
    <% @activities.each do |a| %>
        <div>
          <h2>
            <%= a.a_name %>
          </h2>
        </div>
    <% end %>
  </div>
<div>
  <%= render 'new' %>
</div>

<body>
<% flash.each do |key, value| %>
    <div class="alert alert-<%= key %>"><%= value %></div>
<% end %>

<%= form_for @activity, remote: true do |a| %>
    <div class = "form-group">
      <div class = "row top-buffer text-center">
        <div class='col-md-3'>
          <%= a.text_field :a_name, id: 'a_name_field', placeholder: 'Activity Name'%>
        </div>
      </div>

      <div class ="row top-buffer text-center">
        <div class="col-md-3">
          <%= a.submit 'Create', id: 'submitButton', onclick: 'saveActivity()', class: 'btn btn-primary'%>
        </div>
      </div>
    </div>
<% end %>

</body>