title: Plain Javascript bidirectional Data binding
body: <p>out of curiosity and to increase my knowledge, i wanted to implement some kind of two way data binding between dom elements and javascript variables.</p>
  
  <p>I was lucky enough to find an excellent answer to half of my problem here @ stackoverflow which led me to this gist <a href="https://gist.github.com/384583" rel="noreferrer">https://gist.github.com/384583</a>, but i still can't get the thing done at 100%.</p>
  
  <p>Here's an <strong>example of my code</strong>:
  <a href="http://jsfiddle.net/bpH6Z/" rel="noreferrer">http://jsfiddle.net/bpH6Z/</a></p>
  
  <p>If you try to run the fiddle and click on "view Value" you will get <strong>undefined</strong>, while i want to get the actual value of the object's attribute.</p>
  
  <p>I am probably doing something wrong due to my lack of experience with javascript, but do you have any idea why i can't properly read the attribute 'secret' after the _bind() and _watch() calls?</p>
  
  <p><strong>DISCLAIMER</strong>: as i said, i'm doing this because i want better knowledge of javascript, and i am not going to write my framework. So any "USE FRAMEWORK X" is completely useless, as i could get the job done with angularjs.</p>