/*   Attach events:  */

    $('#my-element').on('click', function () {

      //do something

    });

This is better than writing the onclick inside html which makes the html bigger and harder to read, concernes are not seperated which makes bugs harder to find and only one event handler can be attached to each event in inline html (and can be easily unadvertly overwritten). It's also better than $('#my-element').click(.. )  because it has less footprint and it works for dynamically added elements.