hidden value in a AJAX data response in html

hidden value in a AJAX data response in html

How do you make an AJAX response, data item hidden in the html so that you can use that hidden id value?  For example,  the item.id value in the each function,  I don't want to display it to the user.  I know I could filter out the id value,  but I need it in each row so when the checkbox is checked that row will be deleted in another AJAX event click.  I  need the value in the HTML so I can identify the row.  thnkx
 success: function(data) {
       
success: function(data) {
var checkbx ='<input type="checkbox" class="checkall" >';
var delRow = '<input type="button"  class="btnDelete">';
= 
     var myTable ='<table class="table"><tbody id="tbody">';
       myTable += '<\/tbody></\table>';
       myTable = $('#response').append(myTable).find('tbody');
$.each(data, function(idx,item) {
  var row = '<tr><td>'+checkbx +" " +item.todo +'<\/td><td>'+item.name+'<\/td><td>'+item.date +" "+ '<span id="hiddeninput">' item.id '<\/span>'+""+delRow + '<\/td><\/tr>';

myTable.append(row);
   
});//end  each
myTable.find( '.btnDelete' ).on( 'click', deleteRow );
     
} //end success