auto data drived ui programing
<div c:live-widget="test">
<h3> this is a live widget( ${title} )</h3>
<p c:onclick=" user.name='jindw' "> click to change username: ${user.name} </p>
<p c:onclick=" title='clicked title' "> click to change title! </p>
</div>