application.js

$(document).ready(function () {

    $("#rota td").selectable({
        selected: function(event, ui) { 
        
        var $target = $(this);
        var $bf = $target.find('.booking_form');
        var hospital = $target.data('hospital-id');

        console.log($bf);
        console.log("Hospital ID: " + hospital);
            
        $bf.dialog();
        $bf.find('input#hospital_id').val(hospital);
        event.preventDefault();

        $('.booking_form .user_full_name').on('change', function (e) {
                this.form.submit();
        });

        $('.rota td').addClass("Half Full Semi-Foo");
            
        
        }
    })
});