_deal.html.erb

  <%= form_tag status_deal_path(deal), :remote => true, :class => "deals_status" do %>
    <%= radio_button_tag :state, "won"+deal.id.to_s, deal.state == "won", :class => "toggle-btn-left toggle-btn", :value =>"won" %>
    <%= label_tag  'state_won'+deal.id.to_s, "won", :class=>"btn" %> 
 
    <%= radio_button_tag :state, "lost"+deal.id.to_s, deal.state == 'lost', :class => "toggle-btn-center toggle-btn",:value => "lost" %>
    <%= label_tag  'state_lost'+deal.id.to_s, "lost",:class=>"btn" %>
 
    <%= radio_button_tag :state, "pending"+deal.id.to_s, deal.state == 'pending',:class => "toggle-btn-right toggle-btn", :value => "pending" %>
    <%= label_tag  'state_pending'+deal.id.to_s, "pending", :class=>"btn" %>
  <% end %>

companies.js

	$("body").on("change", "form :radio", function(){
		$(this).closest("form").submit();
	});

create.js.erb

$('.deals-wrapper').append('<%= escape_javascript(render :partial => "deals/deal", :locals => {:deal => @deal}) %>');

form.html

<form accept-charset="UTF-8" action="/deals/85/status" class="deals_status" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value=""><input name="authenticity_token" type="hidden" value=""></div>
    <input class="toggle-btn-left toggle-btn" id="state_won85" name="state" type="radio" value="">
    <label class="btn" for="state_won85">won</label> 
 
    <input class="toggle-btn-center toggle-btn" id="state_lost85" name="state" type="radio" value="">
    <label class="btn" for="state_lost85">lost</label>
 
    <input class="toggle-btn-right toggle-btn" id="state_pending85" name="state" type="radio" value="">
    <label class="btn" for="state_pending85">pending</label>
</form>