jQuery/AJAX数据不发布

我正试图在我正在工作的网站上创建一个非常基本的拍卖页面。我一直在摸索，但是我现在有点卡住了。

数据存储在MySQL表中，该数据包含图像链接，ID和当前出价。

然后在PHP/HTML中检索数据，示例如下:$result = mysqli_query($con，"SELECT * From auction WHERE category = 'Bathroom' ORDER BY ID DESC");

while($row = mysqli_fetch_array($result))
  {
    echo "<form name='auction' id='auction'><div class='auction-thumb'>
                <div class='auction-name'>" . $row['Item'] . "</div>";
            echo "<img class='auction' src='" . $row['ImagePath'] . "' />";
            echo "<div class='auction-bid'>Current Bid: £" . $row['CurrentBid'] . "</div>";
            echo "<div class='auction-bid'>Your Name: <input type='text' class='bidder' name='bidname'/></div>";
            echo "<div class='auction-bid'>Your Bid: <input type='text' class='auction-text' name='bid'/></div>";
            echo "<div class='auction-bid'><button name='submit' id='submit' value='" . $row['ID'] . "' type='submit'>Place Bid!</button></div>";
    echo "</div></form>";
  }
echo "</table>";

这段代码可以很好地遍历条目。随着一个文本框的名称和出价(我没有做任何与名称的时刻)。

我的jQuery看起来像这样:

$(document).ready(function(){
        $('#auction').submit(function(){
            var id = $('#submit').val();
            var bidname = $('input[name=bidname]').val();
            var bid = $('input[name=bid]').val();

            $.ajax({
            type: "POST",
            url: "auction-handler.php",
            dataType: "json",
            data: {bidname: bidname, bid: bid, id: id},
            success: function(){
            }
        });
        return true;
        }); 
    });

这是非常基本的，我现在还不关心验证。

最后是我的一段PHP代码:

$bidname = $_POST['bidname'];
$bid = $_POST['bid'];
$id = $_POST['id'];
$query = "UPDATE auction SET CurrentBid = '$bid' WHERE ID = '$id'";
mysqli_query($con, $query) or die(mysqli_error());

mysqli_close($con);

我的问题是，当我点击提交，什么都没有发生。所有的变量名和值都被放到浏览器地址栏中，页面似乎只是刷新。

数据没有被发布，当我用Firebug调试时，我只是得到一个红色的叉，它没有给我任何错误。

我只看我的代码就知道没有遵循最佳实践，但我只是想让一些东西工作起来，然后稍后再整理。

谢谢你，如果你还需要更多的信息，请告诉我。