установка идентификатора кнопки в шаблонах Jquery

Я создаю метод Ajax для вызова веб-метода С#. Мой возвращенный JSON выглядит так

Вы заметите, что вместо возврата d[0], d1 и т. д. Я использую keyValuePair для установки идентификатора каждого элемента, чтобы затем установить его на идентификатор кнопки. Увы, здесь мне нужна помощь.

Как я могу взять каждый идентификатор (307, 309...) и назначить его идентификатору кнопки в шаблоне Jquery.

Мой код шаблона Jquery:

 <script id="approvaltmpl" type="text/x-jquery-tmpl">
        <table class="table table-user-information" style="height: 100px;">
            <tbody>
                <tr>
                    <td>
                        <span><i class="glyphicon glyphicon-user"  data-toggle="tooltip" data-original-title="approved by"></i> ${UserName}</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="approvedDate"><i class="glyphicon glyphicon-time" data-toggle="tooltip" data-original-title="approved date"></i> ${parseJsonDate(EnteredDate)}</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="approveComment"><i class="glyphicon glyphicon-comment" data-toggle="tooltip" data-original-title="comment"></i> ${Comment}</span>
                    </td>
                </tr>
            </tbody>
        </table>
    </script>
    <script id="audittmpl" type="text/x-jquery-tmpl">
        <table class="table table-user-information" style="height: 100px;">
            <tbody>
                <tr>
                    <td>
                        <span><i class="glyphicon glyphicon-user"  data-toggle="tooltip" data-original-title="comment by"></i> ${UserName}</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="auditDate"><i class="glyphicon glyphicon-time" data-toggle="tooltip" data-original-title="approved date"></i> ${parseJsonDate(AuditDate)}</span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="auditComment"><i class="glyphicon glyphicon-comment" data-toggle="tooltip" data-original-title="comment"></i> ${Comments}</span>
                    </td>
                </tr>
        <button id= />
            </tbody>
        </table>
    </script>

EDIT Выполняется вызов, в результате которого создается шаблон:

success: function(msg) {
                    // Need to work out a way of refreshing the screen
                    console.log(msg);
                    $.each(msg.d, function(index, item) {
                        $('#approvaltmpl').tmpl(item).appendTo('#approvalResults');
                        $('.button_class').attr('id', index);
                    });

EDIT После применения приведенного выше кода, предоставленного #anvlasop, я по-прежнему получаю все кнопки, производящие одно и то же значение идентификатора, которое является последним в списке.

ПРИМЕЧАНИЕ. Сегодня значения другие.

EDIT это дает мне предупреждение для каждого d[number]

 $.each(msg.d, function (index, item) {

                        $('#violationtmpl').tmpl(item).appendTo('#violationResults');
                        alert(index);

                    });

но я не могу применить индекс к кнопкам