I am having trouble finding the closest selected option (text) near a submit button in multiple forms (with multiple submit buttons).
But I don't get anything how to fix this?

Code :

$(document).ready(function() {

    $(form).submit(function() {

        var x = $(this).closest('form').find('input[type=submit]');

        var y = $(x).closest('select option:selected').text();

        alert(y);

        });

    });



<form action=<?php echo site_url('manage/deleteVendor'); ?> method=POST>

    <table cellspacing='10'>

        <tr>

            <td>Delete Vendor</td>

        </tr>

        <tr>

        <td>Vendor</td>

        <td><select name=vendor class=vendor>

            <?php foreach ($vendors as $vendor) { ?>

            <option value=<?php echo $vendor->ID; ?> ><?php echo $vendor->NAME; ?></option>

            <?php } ?>

        </select></td>

        <td><input type=submit name =submit value=Delete Vendor/></td>

        </tr>

    </table>

</form>



<form action=<?php echo site_url('manage/deleteVendor'); ?> method=POST>

    <table cellspacing='10'>

        <tr>

            <td>Delete Vendor 2</td>

        </tr>

        <tr>

            <td>Vendor</td>

            <td><select name=vendor class=vendor>

                <?php foreach ($vendors as $vendor) { ?>

                <option value=<?php echo $vendor->ID; ?> ><?php echo $vendor->NAME; ?></option>

                <?php } ?>

                </select>

            </td>

            <td><input type=submit name =submit value=Delete Vendor/></td>

        </tr>

    </table>

</form>