dynamic editable html contents with jquery javascript
<link href="dist/js-editable.min.css" rel="stylesheet">
<script src="dist/js-editable.min.js"></script>
<table>
<tr>
<td class='editable' data-editable-group='tb1'>cell1</td>
<td class='editable' data-editable-group='tb1'>cell2</td>
<td class='editable' data-editable-group='tb1'>cell3</td>
</tr>
<tr>
<td class='editable' data-editable-group='tb1'>cell1</td>
<td class='editable' data-editable-group='tb1'>cell2</td>
<td class='editable' data-editable-group='tb1'>cell3</td>
</tr>
</table>
<table>
<tr>
<td class='editable-cell' data-editable-group='tb1'>cell1</td>
<td class='editable-cell' data-editable-group='tb1'>cell2</td>
<td class='editable-cell' data-editable-group='tb1'>cell3</td>
</tr>
<tr>
<td class='editable-cell' data-editable-group='tb1'>cell1</td>
<td class='editable-cell' data-editable-group='tb1'>cell2</td>
<td class='editable-cell' data-editable-group='tb1'>cell3</td>
</tr>
</table>
$(".editable-cell").editable();