单选按钮触发ajax一次，但后来不起作用

I have the following form with a radio button that repeats for each record. If the value of $item['active'] for a given record is 0, and I click the radio button to make it 1, the ajax fires and everything works as desired. The new value is 1; however, if I then click the other button to return the variable's value to 0, nothing happens. It is as if the ajax fires once and then is no longer available.

<form action="<?php echo $this->form_action; ?>" method="post">
    <p class="hide"><input name="status" type="text" value="" /></p>
    <table id="manageItAll" cellpadding="0" cellspacing="0" border="0">

        <thead>
        <tr>
            <th><?php echo $this->translate('Title');?></th>
            <th><?php echo $this->translate('Status');?></th>
        </tr>
        </thead>

        <tbody>
        <?php $ind = 0; ?>
        <?php foreach ($this->items as $item) {;?>
            <tr id="<?php echo $item['id']; ?>">
                <td data-label="Title"><span class="orangelink"><?php echo $item->title; ?></span></td>

                <td align="left" style="padding-left:22px"
                    class="color-status-<?php echo $item['active']; ?>">
                    <?php if (in_array($item['active'], array(0, 1))) { ?>
                        <input type="radio" name="item[<?php echo $ind; ?>][status]"
                               value="1" <?php if ($item['active'] == 1) echo 'checked'; ?>>Active
                        <br>
                        <input type="radio" name="item[<?php echo $ind; ?>][status]"
                               value="0" <?php if ($item['active'] == 0) echo 'checked'; ?>>Inactive
                    <?php } else { ?>
                        <?php echo $item['active']; ?>
                    <?php } ?>
                </td>
            </tr>
            <?php $ind++; ?>
        <?php } ?>
        </tbody>
    </table>
</form>


<script type="text/javascript">
  $(document).ready(function() {
    if (typeof ind == "undefined") {
        ind = 0;
    }
    $('input[type="radio"]').live('change', function () {
        var status = this.value;
        var id = $(this).parents('tr').attr('id');
        $.ajax({
            type: 'post',
            url: "?module=items&controller=listing&action=changeStatus",
            data: 'id=' + id + '&status=' + status,
            beforeSend: function () {

                if (status == '0') {
                    $('#' + id).animate({
                        'backgroundColor': '#FFBFBF'
                    }, 400);
                } else {
                    $('#' + id).animate({
                        'backgroundColor': '#A3D1A3'
                    }, 400);
                }
            },
            success: function (result) {
                if (result == 'ok') {
                    $.get(window.location.href, function (data) {
                        $('#' + id).html($(data).find('#' + id).html());
                        setTimeout(function () {
                            $("#" + id + "").animate({'backgroundColor': 'transparent'}, 400);
                            deletePage();
                        }, 500);
                    });
                } else {
                    alert(result);
                    $("#" + id + "").animate({'backgroundColor': 'transparent'}, 400);
                }
            }
        });
    });
});

</script>

Try change the

$('input[type="radio"]').click(function () {

to

$('input[type="radio"]').on('change',function () {