JQueryにて追加したFormの内容がGET送信できない。

Question

JQueryにて追加したFromに入力された内容がGETで送信できません。
元から存在しているフォームの内容は送信できます。

var count=1;
function addbox(){
    count++;
    var target = document.getElementById("output");
    $('#add').append('</p><textarea class="form-control" name="item' + count + '"></textarea></p>');
    };
  window.addEventListener("load", function() {
    var ev1 = document.getElementById("ev1");
    ev1.addEventListener("click", addbox, false);
  });

body内のHTMLのコードです。

<h1>入力してください。</h1>
  <input type="button" value="追加" id="ev1" /><br />
  <br />


        <form action="submit.php" method="get">
  <div id="div1">
          <p>項目1</p>
          <textarea class="form-control" name="item1"></textarea><br>
    </div>

  <div id="add"></div>
  <input type="submit" class="btn btn-embossed btn-primary" value="送信">
  </form>

実際webページを開いて見てインスペクターを見ると

        <form action="create_music_submit.php" method="get">
          <p>項目1</p>
          <textarea class="form-control" name="item1"></textarea><br>
        </form>

<textarea class="form-control" name="item2"></textarea><br>

<input type="submit" class="btn btn-embossed btn-primary" value="送信">

という状態となっておりなぜか</form>がコードで書いた場所とは違う場所で閉じられていました。一体なぜなのでしょうか？

そして、JQueryにてFormの項目を追加してかつ送信ボタンでGET送信をするにはどうしたらいいのでしょうか？

ご回答お待ちしております。

Comments

[kei344]

回答が付いた質問の編集は慎重に行ってください。質問文のコードについて回答にて指摘があった場合は「追記」し、元のコードを編集する場合も「直したこと」がわかるようにしてください。

Answer 1

div1のブロックおかしくありません？

Comments

[coconuts0066]

ほんとですね！申し訳ありません！修正しておきます。

[karamarimo]

修正できてないようですが...。
attributeの値はクォートで囲む必要があります。
id="div1"

[coconuts0066]

本当ですね！気づきませんでした！修正させていただきました。

[coconuts0066]

コーテーションの部分を直したら期待通りの挙動になりました！ありがとうございます！