Nested rivets scopes 2

by _abl

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: {foo}
    
  <div id="inner">

    Value of foo is: {foo}
      
  </div>

</div>

JavaScript

$(function(){

  var outercontext = {};
  var innercontext = {};

  rivets.bind($("#inner"), innercontext);
  rivets.bind($("#outer"), outercontext);

  outercontext.foo = "Foo"

});