Programatically toggle a toggle
I'm working in an integration with my ember.js application. As such I need to code the variable bindings in both ways.

The _DOM to Model_ part i accomplished through the callbacks illustrated in the docs and #23.
But, if the the toogle's model changes in the app, I need to trigger a change in the DOM as well.

I created 3 dependent toggles, i.e all of them are observing a single variable. That mean that if I trigger one, the others should trigger as well, because their model changed.

When the model changes, right now I'm just adding or removing the `active` css class. Is this the correct way?
That seems to work for the green color of the toggle. And, if I toggle only one of the toggles, it works.
However, after I toggle other buttons, the handles start not moving and I get to states like this:

![toggles](http://i.imgur.com/NY5IwlI.png)

What I did to get to that state was:
1. Toggled on 1st toggle, all got correctly on
2. Toggle off 2nd toggle, and the 1st handle didn't move but changed color

Sorry for the specifics, but maybe these toggles depend on something they shouldn't. I'll keep the debugging meanwhile.

Maybe `touchend` isn't triggering on the other toggles?
