如何在以下场景中使用jQuery的append方法中的smarty代码？

Question

我按照向HTML表附加行的代码：

    $('.btnAdd').click(function () {
    $('#blacklistgrid > tbody:last').append('<tr id="Row2">' +
                      '<td><input type="text" name="pack[]" value="" class="form-control" size="8"/></td>' +
                      '<td><input type="text" name="quantity[]" value="" class="form-control" size="8"/></td>' +
                      '<td><input type="text" name="volume[]" value="" class="form-control" size="8"/></td>' +
                      '<td>' +
                        '<div class="btn-group">' +
                          '<select name="units[]" class="form-control">' +
                            '<option value="" {if $all_volume_units.id==\'\'} selected=\'selected\'{/if}>Select Unit</option>' +
                            '{foreach from=$all_volume_units item=units key=key} ' +
'<option value="{$units.id}" {if $units.id == $all_volume_units.id} selected="selected" {/if}>{$units.unit}</option>' +
'{/foreach}' +
'</select>' +
'</div>' +
'</td>' +
'<td>' +
'<input type="text" name="amount[]" value="" class="form-control" size="9"/>' +
'</td>' +
'</tr>');

            });

当我将行附加到HTML表格时，上面的HTML代码工作正常。但智能代码存在一些问题。它根本不起作用。智能代码被视为字符串。所以有人可以通过纠正我的代码来帮助我，以便聪明的代码应该可行吗？提前谢谢。