jQueryクローンは同じページの2つのフォームで入力できますか？

Question

私は同じページに2つのフォームを作成しようとしていますが、唯一の問題はクローン入力が機能しないことです。div要素のために互いに競合しているようです。

私はガイドとしてこのチュートリアルを使用している

： http://www.9lessons.info/2009/06/submit-multiple-forms-jquery-ajax.html

ここでコードが一つの形で取り組んでいる： http://jsfiddle.net/yBdTA/

そして、これは私が達成したいものです。 http://jsfiddle.net/c4Uce/

2番目の 'Add More'リンクをクリックすると、2番目の入力クローンではなく最初の入力クローンが表示されます。

私は私が二番目の形式に合わせて、クローンのためのjQueryの機能を複製することができ知っている：

$(function(){ 
     var removeLink = ' <a class="remove" href="#" onclick="jQuery(this).parent().slideUp(function(){ jQuery(this).remove() }); return false">remove</a>'; 
     jQuery('a.add').relCopy({ append: removeLink});  
    }); 

をしかし、私は、これは、私はそれを呼び出すことができますどのように、ダイナミックになりたいですか？ 9lessonsのガイドのように、私はクローン要素の一意の識別子を作成するためにPHPを使用することができますし、jQueryとIDの一致が必要です。

私はこれを明確にしました。

ヘルプありがとうございます。

Answer 1

Uはそれを試すことができます

、それはマルチフォームに働く

http://jsfiddle.net/yBdTA/2/

(function($) { 

    function remove(){ 
    $('.clone').each(function(i){ 
      var input= $(this); 
      input.find('a.remove').click(function(){ 
       input.remove(); 
      }); 
     }); 
    } 

    $('form').each(function(i){ 
      var form = $(this); 
      var removeLink = '<a class="remove" href="#">remove</a>'; 
      var iputclone = form.find('p.clone').append(removeLink); 

      form.find('a.add').click(function(){ 
       iputclone.clone().insertBefore(this); 
       remove(); 
      }); 
     }); 


})(jQuery); 

更新：

iputclone.clone().insertBefore(this).find('.input').attr('value',''); 

//So easy, U can think a object when we start will is ifself, use it next, and next