Maintain active / selected Tab on PostBack using jQuery in ASP.Net

Hi

I am using TAB. There is 3 tab

When i click and 2 tab and click submit button. It won't say in 2 TAB. it will go automatically ine 1 TAB.

I am using MASTER page in asp.net.

   <script type="text/javascript">
    var selected_tab = 1;
    $(function () {
        var tabs = $("#tabs").tabs({
            select: function (e, i) {
                selected_tab = i.index;
            }
        });
        selected_tab = $("[id$=content_selected_tab]").val() != "" ? parseInt($("[id$=content_selected_tab]").val()) : 0;
        tabs.tabs('select', selected_tab);
        $("form1").submit(function () {
            $("[id$=content_selected_tab]").val(selected_tab);
        });
    });   
</script>

               <div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>
    <div id="tabs-1">
        Content 1
    </div>
    <div id="tabs-2">
        Content 2
    </div>
    <div id="tabs-3">
        Content 3
    </div>
            </div>
 

 <asp:HiddenField ID="selected_tab" runat="server" />

Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
    selected_tab.Value = Request.Form(selected_tab.UniqueID)
End Sub