Nested rivets scopes 1

HTML

<script src="https://code.jquery.com/jquery-2.2.2.min.js"></script>
<script src="https://rawgit.com/mikeric/rivets/master/dist/rivets.bundled.min.js"></script>
<div id="outer">

  Value of foo is: {context.deep.value}
    
  <div id="inner">

    Value of foo is: {context.inner}
     
     <div id="deep">
       Value of deep is: {context.deep.value}
     </div>
     
  </div>

</div>

JavaScript

$(function(){

  var context = {};

  rivets.bind($("#outer"), {context: context});

  context.outer = "Foo";
  context.inner = "Bar";
  context.deep = {
  	value: 'foo-bar'
  }

});