Backbone.js with Twitter Bootstrap Tabs - Remove # in links
===

I'm using Twitter bootstrap's tabs plugin and it requires the link that activates to tab to contain the URL fragment beginning with a `#` followed by the `id` of the div containing the tab's HTML content.

     <a href="#home" data-toggle="tab">Home</a>
     <div class="tab-pane" id="home">...</div>

Is there any way to get rid of having to use the `#`? Also, I tried removing the `#` in link and clicking on the link somehow does not make the browser follow the link! 

I am using backbone.js and pushstates, so I'm looking to have the link not containing the `#`, and clicking on it should update the web address to `mydomain.com/home` instead of `mydomain.com/#home`.

     <a href="home" data-toggle="tab">Home</a>
     <div class="tab-pane" id="home">...</div>

Can this be done? Or am I better off using backbone.js to write my own tabs functionality?