each_with_indexのindexを動的にajaxで取得したい

Question

Articleに紐づくCommentの作成をしていてajaxを用いてindexの値を取得したいんですがやりたかがわからなく質問させていただきます。

comment_contorollerでコメントを作成して、＠commentsという空配列の中に作成コメントを入れているので
@commentの中には作成した一つのコメントしか入っていないので取得できないんだと思いますが、

空配列にしないと３つデータがあって、作成した時に[1,2,3]→[1,2,3,1,2,3,4]と同じデータが重複してしまいます。

#comment_controller.rb

  def create
    @comment = Comment.new(comment_params)
    @comment.article_id =  session[:top_id]
    if @comment.save
       @comments = Article.find(session[:top_id]).comments
       @comments = []
       @comments << @comment
       render :comment_lists
     else
       render :comment_lists
    end
  end

##comment_list.html.erb
#リロードする前の i には0が入っているので 0+1 でidは　id_1　と表示される

<% @comments.each_with_index do |comment,i| %>
   <div class="comment_box">
     <div class = "id" id = "id_<%= i+1 %>" ><%= i+1 %></div>
       <%= comment.name %>
     </div>
   </div>
<% end %>

#comment_lists_js.erb

// 内容消してる
$('textarea').val('');
$('input').val(''); 

$('.comment_lists').append('<%= j(render 'comment_lists') %>'
);

Comments

[asm]

> 作成した時に[1,2,3]→[1,2,3,1,2,3,4]と同じデータが重複してしまいます。
本当に、こうなっていますでしょうか？
[1,2,3]→[1,2,3,4,4]ではないですか？

[nnnn5]

1,1,2,1,2,3 でした、、失礼しました(T ^ T)
まだ解決していないのでご教授いただけたら嬉しいです。。。

[nnnn5]

すみません、↑もバグみたいで、リロードする前は「1,2,3,1,2,3,4」で、リロード後は「１,2,3,4」となっております！

Answer 1

$('.comment_lists').html('<%= j(render 'comment_lists') %>'
);

に変更して解決しました！

Answer 2

入力フォームのことで良いですか？
その場合、indexは使わなかった思います。

inputのname属性が

comment[][name]といった感じになれば配列でパラメーターを受け取れたはずです。