Hi Friends!

I have a page which has a list of tabs that show tab panels elsewhere in the same page. I  like to post a page to controller using <a href=""> tag  at first time it works fine. But again i like to post another time  not working....

i can't post that pages to controller using IE8,9,10 and 11.

This is an example of my markup.

"   @{

    ViewBag.Title = " Control Panel";

    Layout = "~/Views/Shared/_Layout.cshtml";

}

<script type="text/javascript">

    $(document).ready(function () {

        $("#tabs").tabs({

            beforeLoad: function (event, ui) {

                ui.jqXHR.error(function () {

                    ui.panel.html(

                        "Couldn't load this tab. We'll try to fix this as soon as possible. " +

                        "If this wouldn't be a demo.");

                });

            },

            beforeLoad: function (event, ui) {

                $(ui.panel).siblings('.ui-tabs-panel').empty();

            },

            activate: function (event, ui) {

                window.location.hash = 'tab=' + $(this).tabs('option', 'active');

                

            },

            create: function () {

                if (window.location.hash) {

                    var active = parseInt(window.location.hash.replace('#tab=', ''));

                    $(this).tabs("option", "active", active);

                }

            }        

        });       

    });

</script>

<h2>Control Panel</h2>

<div id="content">

  

    <div id="rightdiv">

        <div id="tabs">

            <ul>

                <li id="CreateParentAccount"><a href="~/Account/CreateParentAccount">Create New Account</a></li>

                <li id="Search"><a href="~/Account/Search">Existing Account</a></li>

                <li id="SearchArchive"><a href="~/Account/Search">Archived Account</a></li>

            </ul>

        </div>

    </div>

</div>    "

Please Help Needful to  me....