title: How to bind deeper than one level with rivets.js
body: <p>rivets.js newbie here. I want to bind to an item that will be changing dynamically (store.ActiveItem). I tried the following approach, but although store.ActiveItem is set, store.ActiveItem.(any property) is always undefined. Is there a standard way to bind deeper than one level?</p>
  
  <pre><code>&lt;div id="editItemDialog" data-modal="store.ActiveItem &lt; .ActiveItem"&gt;
      &lt;a data-on-click="store:ClearActiveItem" href="#"&gt;close - works&lt;/a&gt;
      &lt;div&gt;
          &lt;div&gt;
          &lt;label&gt;name:&lt;/label&gt;&lt;input data-value="store.ActiveItem.Name &lt; .ActiveItem"/&gt;
          &lt;/div&gt;
          &lt;div&gt;
          &lt;label&gt;price:&lt;/label&gt;&lt;input data-value="store.ActiveItem.Price &lt; .ActiveItem"/&gt;
          &lt;/div&gt;
          &lt;div&gt;
          &lt;label&gt;description:&lt;/label&gt;&lt;textarea data-value="store.ActiveItem.Description &lt; .ActiveItem"&gt;&lt;/textarea&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>