使用jquery更改为<input />

Question

我的代码有问题，我希望通过id

进行更改

这是我的PHP

<?php
    foreach($brands->result() as $row){
?>
    <tr id ="<?=$row->brand_id?>">
        <td><?=$row->brand_id;?></td>
        <td class="editableName"><?=$row->name_brand;?></td>
        <td class="editableDesc"><?=$row->description;?></td>
        <td>
            <button id="edit" class="form-control">Edit</button>
            <a href="<?=base_url('Admin/brands/delete')?>/<?=$row->brand_id;?>"><button class="form-control">Delete</button>
        </td>
    </tr>
<?php 
    } 
?>

这是我的JQuery

$('#edit').click(function () {
    $(this).parents('tr').find('td.editableName').each(function() {
        var html = $(this).html();
        var input = $('<input name="name" class="form-control" type="text" />');
        input.val(html);
        $(this).html(input);
    });
    $(this).parents('tr').find('td.editableDesc').each(function() {
        var html = $(this).html();
        var input = $('<input name="description" class="form-control" type="text" />');
        input.val(html);
        $(this).html(input);
    });
});

我正在使用那个jquery脚本它唯一的工作在第1行，第n行没有工作