How do we implement it ?
It does work in preview as well [0] but if for some reason you have an extension that use JS differently as shown here [1] then JS execution is blocked which is a prerequisite for [0] being successful.
As in [1], find the malefactor, correct the JS, and you should be able to see that it works in [0] as well.
[0] https://cloud.githubusercontent.com/assets/1245473/8588835/3bd92446-260f-11e5-8eed-ba6b8437ae37.png
[1] https://cloud.githubusercontent.com/assets/1245473/8588856/900221bc-260f-11e5-9d0f-f096a911b950.png
The reason for the mentioned "Error: Unknown dependency: jquery.delayedBind" as shown in [1] is mostly likely caused by the WikiEditor extension [2] (on this wiki).
I know nothing about JS so I do not want to mess into the files. I think that I will look into creating a template to do the same thing using some css.
There is still some job to do on my templates and forms, but I should soon have all what is needed to make a website to list japanese temples, then when I have enough entry, I can add shrine, castle, gardens.
After that, I will wait for a new release of semantic bundle and try to figure out if it's worth making a live website.