app.js
$(function() {
console.log('In app.js'); // TODO - remove later
$('.icon-trash').click(function() {
console.log('Clicked delete for row: ', this); // TODO - remove later
// TODO - lets explore making the XHR request later
});
});
index.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="assets/js/app.js"></script>
</head>
<body>
<table>
<tr>
<td>My data</td>
<td><i id="{{uuidOfData}}" class="icon icon-trash"></i></td>
</tr>
</table>
</body>
</html>