create.js.erb

$("#list_product").append("<p><%=j @product.name  %></p>");

destroy.js.erb

$('.product_id_<%= @product.id %>').remove();

index.html.erb

<%= form_for @product, remote: true do |f| %>
  <%= f.text_field :name %>
<% end %>

<div id="list_product">
  <% @products.each do |p| %>
    <p class="product_id_<%= p.id %>"><%= p.name %></p> 
    <%= link_to "Delete", product_path(p), method: 'delete', data: {confirm: 'Are you sure?'}, remote: true %> 
  <% end %>
  
</div>

ProductsController.rb

def create 
  @product = Product.new(product_params)
  @product.save
  respond_to do |format|
      format.html { render :nothing => true }
      format.js { }
   end
end

def destroy
  @product = Selfie.find(params[:id])
	#session[:return_to] ||= request.referer
	if (@product.destroy)
	  flash[:notice] = 'Product deleted.'
	end
	respond_to do |format|
      format.html { render :nothing => true }
      format.js { }
   end
end

private
    def product_params
      params.require(:product).permit(:name)
    end