php - jQuery を介して複製された入力フィールドが送信されない

Question

ページがロードされたときやボタンがクリックされたときに複製される非表示の入力フィールドのセットがあります。

HTML:

<div class="book_form" id="book_form_hidden">
   <input type="checkbox" name="select" class="sell_checkbox" />
   <h1>ISBN:</h1>
   <input type="text" name="isbn" class="input_large" maxlength="20" />
   <h1>Condition:</h1>
   <input type="text" name="condition" class="input_medium" maxlength="100" />
   <h1>Price:</h1>
   <input type="text" name="price" class="input_price" maxlength="3" />
   <input type="hidden" name="title" value="">
   <input type="hidden" name="author" value="">
   <input type="hidden" name="publisher" value="">
   <input type="hidden" name="thumbnail" value="">
</div>

jQuery:

function addOne() {
    var clone = $("#book_form_hidden").clone().removeAttr("id");
    clone.find("input").each(function() {
        $(this).attr("name", $(this).attr("name") + "[" + n + "]");
    });
    n++;
    clone.appendTo($("#form_container"));
}

フォームを送信し、通常の送信ボタンを使用してデータを PHP に送信すると、jQuery で作成された入力は送信されず、最初は非表示だった (値が空の) 入力フィールドのみが送信されます。

動的に作成されたフォーム コンテンツを送信するには、AJAX を使用する必要がありますか? 私は混乱しています。

どうもありがとうございました。