Add Bootstrap Tooltip using Custom HTML

$(function(){
 
    //customize your hints here by specifying form element ID on the left and message on the right
    messages = { 'year' : 'Key in a suitable title',
                'budget' : 'Extra note goes here'};
      
    for (const [key, value] of Object.entries(messages)) {
          FormUtil.getField(key).attr("data-toggle", "tooltip").attr("title", value);
    }
      
    $('[data-toggle="tooltip"]').tooltip();
     
});