Javascript-форум - Передача данных из формы javascript

Javascript-форум (https://javascript.ru/forum/)

- Серверные языки и технологии (https://javascript.ru/forum/server/)

- - Передача данных из формы javascript (https://javascript.ru/forum/server/39452-peredacha-dannykh-iz-formy-javascript.html)

Передача данных из формы javascript

Господа помогите справится с проблемой
Пытаюсь сделать динамически добавляющиеся поля в форму и передачу значений в БД

<body>


<form>

<div>
<form>
  <input type="text" name="a" value="1" id="a" />
  <input type="text" name="b" value="2" id="b" />
</form>
</div>
<input type="button" class="submit" value="ОК">
</form>
<div id="result"></div>


</body></html>

<script>
$(document).ready(function(){

$('.submit').click(function(){
  var s = $('form').serialize();


  // Отсылаем паметры
       $.ajax({
                type: "POST",
                url: "new.php",
                data: "data="+s,
                // Выводим то что вернул PHP
                success: function(html) {
 //предварительно очищаем нужный элемент страницы
                        $("#result").empty();
//и выводим ответ php скрипта
                        $("#result").append(html);
                }
        });  
	return false;						
	});

});
</script>

принимаю так

<?
$data=$_POST[data];

var_dump($data);

выдает только первый
string(11) "a=sss....значение"

nikolaymac, зачем вообще тэг form? Вы же все равно с аяксом работаете.

<body>
<input type="text" id="a" value="1" id="a" />
<input type="text" id="b" value="2" id="b" />
<input type="button" class="submit" onclick="send()" value="ОК" />
<div id="result=""></div>

<script type="text/javascript">
function send() {
   $.post('new.php', {a: $('#a').val(), b: $('#b').val()}, function(data) {
       $('#result').html(data);
   }
}
</script>
</body>

new.php:

$data = $_POST;

echo $data['a'].', '.$data['b'];