rivets custom binder update

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 <script src="https://raw.githubusercontent.com/mikeric/rivets/v0.8.0/dist/rivets.bundled.min.js"></script>
<div id="myPage">

<a rv-customize='login.test1<test1.text test1.color'>asdfasdf</a><br>
{login.test1.text}
<form>
color: <input rv-value='login.test1.color' type='text'/><br>
text: <input rv-value='login.test1.text' type='text'/><br>
</form>
</div>

JavaScript

rivets.binders.customize= function(el, value) {
  el.style.color = value.color;
  el.text = value.text;
}

var login = {
         test1 : {text:"asdf",color:"red"},
         test2 : {text:"myData2",color:"myColor2"}
        };
        
$(document).ready(function(){
	rivets.bind($('#myPage'), {login: login}) 

});