follow a tab's URL

I have two pages.

Folder1 => Page1.aspx

Folder2 => Page2.aspx

When I use the go "straight to url" technique it renders the first tab as it should on initial load. When I click on the second tab it doesn't render the page properly and sets the tab index back to 1 in IE 9 and fire fox 6.

$(function () {

var tab_cookie_id = parseInt($.cookie("tab_cookie_1")) || 0;

// Tabs

$('#tabs').tabs({

selected: tab_cookie_id,

select: function (event, ui) {

var url = $.data(ui.tab, "load.tabs");

if (url) {

$.cookie("tab_cookie_1", ui.index);

location.href = url;

return false;

}

return false;

}

});

});

<div id="tabs">

<ul>

<li><a href="#local" >Page 1</a></li>

<li><a href="~/Folder2/Page2.apx" >Page 2</a></li>

</ul>

<div id="local">

Page 1 Contents

</div>

</div>