Ruby on Rails 上にて jQuery を利用した場合の値取得方法について

テキストをクリックしたときに、背景の色を変更させるということをjQueryで行っております。
(下記テストページにてご確認頂けます)

http://45.62.253.224/

html

<p id='apple'>apple</p>
<p id='banana'>banana</p>
<p id='cake'>cake</p>
<input type="submit" value="OK">

jQuery

$(document).on('click','#apple',function(){
    console.log($(this).css("background-color") );

  if($(this).css('background-color')=='rgb(255, 0, 0)' ){
    $(this).css({'background-color':'white','color':'black'});
  }else{
    $(this).css({'background-color':'red','color':'black'});
  }
});

$(document).on('click','#banana',function(){
    console.log($(this).css("background-color") );

  if($(this).css('background-color')=='rgb(255, 0, 0)' ){
    $(this).css({'background-color':'white','color':'black'});
  }else{
    $(this).css({'background-color':'red','color':'black'});
  }
});

$(document).on('click','#cake',function(){
    console.log($(this).css("background-color") );

  if($(this).css('background-color')=='rgb(255, 0, 0)' ){
    $(this).css({'background-color':'white','color':'black'});
  }else{
    $(this).css({'background-color':'red','color':'black'});
  }
});

[OK]ボタンを押下したときに、色を変更した部分の要素（apple,banana,cake）を取得してrailsのコントローラー上へ送り、データベース（rails付属のsqlite）上へ保存したいのですが、どうしたらよろしいでしょうか？

POSTで送るとした時に、homeコントローラーのhogeアクションがありFugaというモデルがあった場合
下記のようになるのかなと思うのですが、＊１部分が分からず困っております。

homeコントローラー

def hoge
  @fuga = Fuga.new()
  @fuga.value = ここに背景が赤くなった要素　＊１
　@fuga.save
end

どうしたらトップページの[OK]ボタンを押下した時に、背景が赤い要素（idの値）を取得することができますでしょうか？

ご助言頂けましたら幸いです。