use liquid to set active-client markup instead of JS

Liquid's `forloop` object has a [first property](http://docs.shopify.com/themes/liquid-documentation/objects/for-loops#first). Although it takes more markup to use it, I figured we could rely on liquid vs DOM manipulation where possible.