title: Load partial View on clicking href link on the same page
body: <p>SO I have action which returns a strongly typed partial view  with list with products  </p>
  
  <pre><code>public ActionResult GetProducts(int catID,int langID)
          {
              CategoryViewModel ob = new CategoryViewModel();
              ob.GetProducts(catID, langID);
              return PartialView("GetProducts",ob);
  
          }
  </code></pre>
  
  <p>In my Index() view on document ready  I load the partial view which returns me GetCategories action in a div "categoriesPlace".</p>
  
  <p><em><strong>Here is my Index() View</em></strong> </p>
  
  <pre><code>&lt;script&gt;
  
  
      $(document).ready(function () {
  
          $("#categoriesPlace").load('@Url.Action("GetCategories")' + '?langId=' + $("#ddlLanguages").val());
  
  
      });
  &lt;div id="categoriesPlace"&gt;&lt;/div&gt;
  &lt;div id="productsPlace"&gt;&lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p>In GetCategories() view I have a lot of links. <strong>SO I WANT WHEN I CLICK SOME OF THIS LINK - to load the div productsPlace(which is in index() view) with the partial view which is returned from GetProducts() Action</strong></p>
  
  <p><em><strong>Here is my GetCategories() View</em></strong> </p>
  
  <pre><code>@model IEnumerable&lt;OnlineStore.Commercial.Models.CategoryViewModel&gt;
  
  @{
      ViewBag.Title = "Index";
  }
  
  
  
  
      @foreach ( var tree in @Model)
      {
      &lt;ul id="tree"&gt;
          &lt;li&gt;
              &lt;a href="@Url.Action("GetProducts",  new { catID = tree.CategoryCode,langID= 1})"&gt;@tree.CategoryName&lt;/a&gt;
  
          &lt;/li&gt;
      &lt;/ul&gt;
      }
  </code></pre>