Javascript Alert For Unsaved Changes with Turbolinks, Jquery,

main.js

// ...
change = function() {
  $("form input, form textarea").change(function() {
    $('a').click(function() {
      confirm('Unsaved changes on the page. Are you sure?');
    });
  });
};

// ...

main.js.coffee

ready = >
  # your jquery code here

# page:load is fired at the end of the loading process.
$(document).ready(ready)
$(document).on('page:load', ready)

# page:change the page has been parsed and changed to the new version and on DOMContentLoaded
change = ->
  $("form input, form textarea").change( ->
    $('a').click( ->
      confirm('Unsaved changes on the page. Are you sure?')
    )
  )


$(document).ready(change)
$(document).on('page:change', change)