id
s must be unique in a document. You have n
number of id="name"
and id="description
<span>Image name:</span> <a href="javascript:void(0);" id="name" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter name"><?php echo $name; ?></a>
<span>Description:</span> <a href="javascript:void(0);" id="description" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter description"><?php echo $description; ?></a>
so the $('#name').editable();
/$('#description').editable();
will only bind to the first id instance
Change them to classes
<span>Image name:</span> <a href="javascript:void(0);" class="name" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter name"><?php echo $name; ?></a>
<span>Description:</span> <a href="javascript:void(0);" class="description" data-type="text" data-pk="<?php echo $id; ?>" data-url="post.php" data-title="Enter description"><?php echo $description; ?></a>
and bind to the classes
$(function() {
$('.name').editable();
$('.description').editable();
});