backbone.js router Pushstates & Root
===

I have a page `http://www.domain.com/user/123`, where `123` is the user_id for a particular user. There is a tabbed interface, and clicking on the tab should update the address bar with a new URL.

**Example:** Clicking on `<a href="likes" data-toggle="tab">Likes</a>` should update the address bar to `http://www.domain.com/user/123/likes`

**Problem:** I am trying to implement pushstates in backbone.js, but I can't seem to get the URL right when using `app.navigate()`. I tried setting the `root` attribute in the router using `Backbone.history.start({ pushState: true, root: "/user/" });` which gives me the root as `http://www.domain.com/user/`. How can I add the user_id to the end of `root`? ie. `http://www.domain.com/user/123/`


	//Router
	var AppRouter = Backbone.Router.extend({

		routes: {
			'': 'likes',
			'likes': 'likes',
		},

		likes: function() {
			console.log('fn likes');
			$('#tab_likes"').show();
		}
	});

	var app = new AppRouter();
	Backbone.history.start({ pushState: true, root: "/user/" });

	$(function() {
		// Update address bar URL
		$('a[data-toggle="tab"]').on('click', function(e) {
			app.navigate(e.target.getAttribute('href'));
		});

	});