Replace string in cloned jquery object

jquery, replace, string

Solution

new_row.html(function(i, oldHTML) {
    return oldHTML.replace(/\${j}/g, 'table_size');
});

DEMO

Problem

in the following script I clone a new row form tfoot and append it to table tbody ``` <script> $('#checklist-builder .add-row').click(function(){ var new_row = $('#checklist-builder>tfoot>tr').clone(); $('#checklist-builder>tbody').append(new_row); }); </script> ``` cloned row is: ``` <tr> <td>${j}</td> <td> <input size="2" type="hidden" value="" name="WhoChecklistField[1][${j}][id]" id="WhoChecklistField_1_${j}_id"> <input size="2" maxlength="2" type="text" value="" name="WhoChecklistField[1][${j}][weight]" id="WhoChecklistField_1_${j}_weight"> </td> <td> <input type="text" value="" name="WhoChecklistField[1][${j}][name]" id="WhoChecklistField_1_${j}_name"> </td> <td> <select size="1" name="WhoChecklistField[1][${j}][type]" id="WhoChecklistField_1_${j}_type"> <option value="text">Text field</option> <option value="select">Select field</option> <option value="radio">Radio field</option> <option value="checkbox">Checkbox field</option> </select> </td> </tr> ``` now I want replace `${j}` with `table size + 1`, how can I replace `${j}` in jquery cloned string?

Original source