即使页面更改后仍保持活动按钮

Question

我试图在单击按钮后保持所选按钮处于活动状态，从而更改页面。我目前的设置是

HTML：

<a class="btn btn-default nav" id="btn" type="button" href="index.php?mode=option">Option</a>

JS：

$(function() {

    //Variable of previously selected
    var selected = [];

    //Setup Buttons
    $('.nav').button().click(function() { 
        //Enable previous
        if(selected[0]) {
            selected.button('enable').removeClass('active'); 
        }    

        //Cache the previous
        selected = $(this);

        //Disable this and keep color attributes
        selected.button('disable').addClass('active');

        //Do Normal Button Click Stuff Here
        $('#data').text(selected.text() + ' was clicked');
    });
    $('#btn').click();
});

目前所有这一切都是按钮Option处于活动状态，我点击另一个按钮，它会变为活动状态，但会返回Option处于活动状态。

我也希望能够使用这个JS而不必在按钮的类中使用nav。