function addProductToUI(product) {
  var row = $("<tr></tr>");
  var colName = $("<td></td>").text(product.localeData[0].title);
  var colDesc = $("<td></td>").text(product.localeData[0].description);
  var price = parseInt(product.prices[0].valueMicros, 10) / 1000000;
  var colPrice = $("<td></td>").text("$" + price);
  var butAct = $("<button type='button'></button>")
    .data("sku", product.sku)
    .attr("id", prodButPrefix + product.sku)
    .addClass("btn btn-sm")
    .click(onActionButton)
    .text("Purchase")
    .addClass("btn-success");
  var colBut = $("<td></td>").append(butAct);
  row
    .append(colName)
    .append(colDesc)
    .append(colPrice)
    .append(colBut);
  $("tbody").append(row);
}
**************************************************************************
Update/handle the user interface actions
***************************************************************************