I'm using editable fields in templates and note the default behaviour has no visual cues for what is/is not editable (other than hovering over it or clicking on it). This is especially an issue when the field is blank and thus there is not even content there to see and click on.
I've tried using the ui-icon pencil via ui-icon-pencil by putting the code
<span class="ui-icon ui-icon-pencil"></span> after the field reference in the template, but it is positioned below the field (because of the editable field div) and is not clickable as it is outside the jeditable field div.
What solution would you recommend for making it obvious editable fields in templates were actually editable - especially when the content is blank?