Как открыть Parent View с выбранным частичным из _Layout в MVC, используя JQuery?

Question

Я хочу открыть родительский вид с выбранным частичным из _Layout.cshtml в MVC, используя JQuery.

В настоящее время элемент управления не попадает в ActionResult A.Подскажите пожалуйста, где я делаю не так.

Контроллер

  public ActionResult A(string str)
    {
        switch (str)
        {
            case "Ab":
                return PartialView("_Ab");

            case "Ts":
                return PartialView("_Ts");
        }
       return View();
    }

Родительский вид

 <div class="container">
     <div class="col-md-4">
    <ul class="list-group">
        <li class="list-group-item" id="Ab"><a href="#">Ab</a></li>
       <li class="list-group-item" id="Ts"><a href="#">Ts</a></li>
    </ul>
</div>
<div class="col-md-8" id="partial"> 
</div>

_Layout

 <footer>  
    <div class="pull-right">
        <p><a id="Ab" class="AbTs" href="#">Ab</a>|<a id="Ts" class="AbTs" href="#"> Ts</a></p>
    </div>     
</footer>

Сценарий

   $('.AbTs').click(function () {
        debugger;
         var str = this.id;
         var id= '@Url.Action("A", "Home")?str=' + str;
            id = encodeURI(id);         
            $('#partial').load(id);
        });