Using Google Transliterate API is straight forward. However to meet the goals of the small project (Webapp for food Catering company) I need to overcome following challenges.
Want to change id of text box (Tablename_fieldname) at will
var ids = ["Dish_dish", "Dish_dish2"]
This brings us to the next challenge. I have to add one line for every field attribute I want to transliterate in the main site template page.
Load Google Transliterate API only in the views and not in every page