title: Bind JSON object to HTML element
body: <p>I want to bind a JSON object to a HTML element.</p>
  
  <p>e.g.</p>
  
  <p>I have a object "person" with the attributes "firstName", "lastName"</p>
  
  <pre><code>&lt;div class="person-list"&gt;
    &lt;div class="person-list-item"&gt;
      &lt;div&gt;John&lt;/div&gt;    ---&gt; bind it to person.firstName
      &lt;div&gt;Smith&lt;/div&gt;   ---&gt; bind it to person.lastName
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>so, if a value of the HTML elements gets changed, then will also the object person gets updated.</p>
  
  <p>is this possible in any way?</p>
  
  <p>i use:</p>
  
  <ul>
  <li>jquery</li>
  <li>ASP.NET MVC 3</li>
  </ul>