This is what my HTML looks like, I am using while to loop them. Not the main problem.

```
 <select id='stat'>

    <option selected='selected' disabled></option> 
    <option value=Paid>Paid</option>
    <option value=UnPaid>UnPaid</option>
    </select>
    </td>   
</tr>
</select>

<select id='stat'>

    <option selected='selected' disabled></option> 
    <option value=Paid>Paid</option>
    <option value=UnPaid>UnPaid</option>
    </select>
    </td>   
</tr>
</select>

```

This is my ajax/jquery, my code works on the first **Select** but on the next select and so on.. change event does not work anymore. It only works on my first select.

```
$(function () {
    $('select#stat').change(function () {
        var xz = $(this).parents('tr').attr('id');
        $.ajax({
            type: 'POST',
            url: '../post.php',
            data: {
                x: 'x',
                idx: xz,
                status: $('select#stat').val()
            },
            success: function () {
                alert('Status Changed');
            }
        });
    });
});

```