Jquery добавить HTML установить идентификатор переменной

У меня есть следующий javascript:

   var newAmount = parseInt(amount)
            var price = data[0]['Product']['pris'];
            var id = data[0]['Product']['id'];
            var dat = data;
           if($("#shopping_table")){
              $('#shopping_table_body').append(
                  "<tr id=''+id >" +
                      "<td class='image'>" +
                      ""+
                      "</td>" +
                      "<td class='name'>" +
                      " "+data[0]['Product']['name'] +
                      "</td>"+
                      "<td class='quantity'>" +
                      ""+amount +""+
                      "</td>"+
                      "<td class='total'>" +
                      ""+price*amount+
                      "</td>" +
                      ""+
                      "<td class='remove'>" +
                      "<input type='button'class='icon-remove' onclick='removeItemFromBasket(id)'>"+
                      "</td>"+
                      "</tr>"

              );

Обратите внимание, что это извлекается из контекста из Ajax-вызова, который работает правильно.

теперь, когда я проверяю html, я получаю следующий вывод:

 <tr id="" +id="">
<td class="image"></td>
<td class="name"> Telt</td>
<td class="quantity">1</td>
<td class="total">123.95</td>
<td class="remove">
<input class="icon-remove" type="button" onclick="removeItemFromBasket(id)">
</td>

Может ли кто-нибудь сказать мне, что я делаю неправильно?