o[css] html radio buttons with image states

        <div class="btn-group" data-toggle="buttons">
            <label class="btn btn-default btn-bimary">
                <input type="radio" id="page_cat_radio_1" name="page_cat_radio" value="1">  ![](img/page_cat_a.png)
            </label> 
            <label class="btn btn-default btn-bimary">
                <input type="radio" id="page_cat_radio_2" name="page_cat_radio" value="2"> ![](img/page_cat_b.png)
            </label> 
            <label class="btn btn-default btn-bimary">
                <input type="radio" id="page_cat_radio_3" name="page_cat_radio" value="3"> ![](img/page_cat_c.png)
            </label> 

            <label class="btn btn-default btn-bimary">
                <input type="radio" id="page_cat_radio_4" name="page_cat_radio" value="4"> ![](img/page_cat_d.png)
            </label> 
            <label class="btn btn-default btn-bimary">
                <input type="radio" id="page_cat_radio_5" name="page_cat_radio" value="5"> ![](img/page_cat_e.png)
            </label> 
            <label class="btn btn-default btn-bimary">
                <input type="radio" id="page_cat_radio_6" name="page_cat_radio" value="6"> ![](img/page_cat_f.png)
            </label> 
        </div> ```

Javascript is unique for the samples^
```js
//FYI - when form submitted also get page_cat_radio = x value,
//where x is the checked - proof http://jsfiddle.net/KyleMit/0nevkwyn/

//manually get the value
//http://www.tutorialrepublic.com/faq/how-to-get-the-value-of-selected-radio-button-using-jquery.php
alert($("input[name='page_cat_radio']:checked").val());

//manually set the value
//http://stackoverflow.com/a/26191899
var aEls = $('[name=page_cat_radio]');
//aEls.prop('checked', false).parent().removeClass('active');
aEls.eq(1).prop('checked', true).parent().addClass('active');