Jquery 如何使用ajax创建多个表单？

我有这段PHP代码，它可以生成几个表单：

<?php
while($result = $mods->fetch()) {
    echo "<form><input type='text' name="variable-name" /><input type='submit' name='submit' value='Submit'></form>";
    }
?>

但是我的Jquery代码需要

输入[name='variable-name']

这是每个输入的变量。

---

如何在Jquery代码中使用此名称？

已编辑

这应该行得通

<?php
while($result = $mods->fetch()) {
    //Assuming you get dynamic id like this
    $dynamic_id = //some method

    echo "<form><input type='text' class='my_input' name='variable-name-$dynamic_id' /><input type='submit' name='submit' value='Submit'></form>";
    }
?>

$(document).ready(function() {
    $('#form form.my_form').submit(function(){
        var input = $(this).find('input.my_input');
        $('#content').load('data.php', { 'name': input.val()});                      
        return false;
    });
});

---

为什么您首先要通过Ajax请求该表单？我只想使用提交一个表单。@user2736113这将只提交单击提交按钮的表单。谢谢。但是我的“变量名”不是静态的和可变的。你能再解释一下吗？好的。输入的名称不是静态的，不断变化。确实不是“变量名”。
<?php
while($result = $mods->fetch()) {
    //Assuming you get dynamic id like this
    $dynamic_id = //some method

    echo "<form><input type='text' class='my_input' name='variable-name-$dynamic_id' /><input type='submit' name='submit' value='Submit'></form>";
    }
?>

$(document).ready(function() {
    $('#form form.my_form').submit(function(){
        var input = $(this).find('input.my_input');
        $('#content').load('data.php', { 'name': input.val()});                      
        return false;
    });
});