The routing component doesnt seem to work for me

Hey guys I have the following in my app.js

    can.route("our_story_fundraising/:show-tab");
    can.route.ready();

Then in one of my controllers i have

        "our_story_fundraising/:show-tab route" : function(data){
            try {
                console.log('OurStoryController:our_story_fundraising/:show-tab route is called.. with data:', data);
//                this.element.find('.our-story-tab').hide();
//                this.element.find('#'+data.attr('show-tab')).show();
            } catch (err) {
                console.log('OurStoryController:init threw exception with err:', err);
                throw err;
            }
        }


The route is never triggered...
any help would be appreciated... :/