验证表单onSubmit不起作用

I am generating a layout dynamically with php, this can be seen in the code at the bottom:

I am wanting to validate the following field

    <input type="text" id="bid" name="bid" class="form-control" />

When submitting the form.

I have tried the following just to show that the form is passing through the script, however the alert is not showing up:

<script>
$("form").validate({
    submitHandler: function () {
        alert('successful submit');
    }
});
</script>

However the form submits and does not show the alert message. Im not sure what I am doing wrong. I hope someone can help

                    while( $row = $results->fetchArray()){ 
            $lotNo = $row['lotNo'];

                <div class="plan-container">
                    <div class="plan stacked">
                        <div class="plan-header">

                            <div class="plan-title">
                                <?php echo $row['artist']; ?>               
                            </div> <!-- /plan-title -->

                            <div class="plan-price">
                                <a href="./<?php echo $row['image']; ?>" class="ui-lightbox">
                                    <img width="250px" height="auto" src="./<?php echo $row['image']; ?>_t.jpg" />
                                </a>
                            </div> <!-- /plan-price -->

                        </div> <!-- /plan-header -->            

                        <div class="plan-features">
                            <ul>
                                <li><strong>Lot: </strong><?php echo $row['lotNo']; ?></li>
                                <li><strong>Title: </strong> <?php echo $row['lotNo']; ?></li>
                                <li><strong>Size: </strong>  <?php echo $row['size']; ?></li>
                                <li><strong>Medium: </strong>  <?php echo $row['medium']; ?></li>
                                <li><strong>Estimate: </strong> £400 - £600</li>
                                <li><strong>Current Bid: </strong>  £<?php echo $row['bid']; ?></li>
                            </ul>
                        </div> <!-- /plan-features -->

                        <form class="form-inline well" role="form" id="form" method="post" action="./script_place_bid.php?auctionNo=<?php echo $auctionNo; ?>&lotNo=<?php echo $lotNo; ?>">
                            <div class="form-group">
                                <div class="input-group" style="width: 115px;">
                                    <span class="input-group-addon">£</span>
                                    <input type="text" id="bid" name="bid" class="form-control" />
                                </div>
                            </div>
                            &nbsp;  &nbsp;
                            <div class="form-group">
                                <button type="submit" class="btn btn-danger">Max Bid</button>   
                            </div>
                        </form>


                    </div> <!-- /plan -->
                </div> <!-- /plan-container -->