Sample code: How to insert table items using jquery

Below is sample code to auto insert table items using jquery.

  $('#word_info_detail tbody').remove();  //clean all rows.

insert items:

html  = '<tbody id="roundtrip_price_' + price_data_key + '">';
html += '<tr>';
html += '<td class="left" style="width:3px;">';
html += '<span onclick="removeRoundtripPrice(' + data.price_detail['car_type_id']+','+data.price_detail['ac_type']+');" class="remove">&nbsp;</span>';
html += '</td>';
html += '<td class="left" style="width:3px;">';
html += '<span id="active_rt_price_'+price_data_key+'" onclick="inactivateRoundtripPrice(' + data.price_detail['car_type_id']+','+data.price_detail['ac_type']+');" class="active">&nbsp;</span>';
html += '<span style="display:none" id="inactive_rt_price_'+price_data_key+'" onclick="activateRoundtripPrice(' + data.price_detail['car_type_id']+','+data.price_detail['ac_type']+');" class="inactive">&nbsp;</span>';

html += '</td>';
html += '<td class="left">'  + data.price_detail['car_model'] + '</td>';
html += '<td class="right">Rs. ' + data.price_detail['fare'] + ' / km</td>';
html += '<td class="right">Rs. ' + data.price_detail['driver_charge_per_day'] + ' /  day</td>';
html += '<td class="right">' + data.price_detail['min_km_per_day'] + ' Km / day</td>';
html += '</tr>';
html += '</tbody>';
$('#roundtrip_price_list').append(html);