var finiteStateCat = StateMachine.create({
  initial: 'inside',
  events: [
    { name: 'letHerOut',  from: 'inside',  to: 'outside' },
    { name: 'letHerIn', from: 'outside', to: 'inside'  }
],
callbacks: {
   oninside:function(){
$("#cat").html("<p>Meows to be let out</p><button type='button' id='letHerOut'>Let Her Out</button>")
   	$("#letHerOut").on("click",function(){finiteStateCat.letHerOut();})
   },
   onoutside:function(){
   	$("#cat").html("<p>realizes it's raining meows to be let in</p><button type='button' id='letHerIn'>Let Her in</button>");
$("#letHerIn").on("click",function(){finiteStateCat.letHerIn();})
   }
  }