title: Load my partial view in a specific div at the same page after a click
body: <p>I have this code</p>
  
  <pre><code>[AcceptVerbs(HttpVerbs.Get)]
  public ActionResult ManageEmployee(int cntID, string command)
  {
      repository = new ContactRepository();
      if (!String.IsNullOrEmpty(command) &amp;&amp; command.Equals("edit"))
      {
          LKIContact employees = repository.GetById(cntID);
  
          ViewBag.IsUpdate = true;
          return PartialView("_ManageEmployee", employees);
      }
      else
      {
          ViewBag.IsUpdate = false;
          return PartialView("_ManageEmployee");
      }
  }
  </code></pre>
  
  <p>When I click on : </p>
  
  <pre><code>&lt;a href='Home/ManageEmployee?cntID=${cntID}&amp;command=edit' class='editDialog'&gt;Edit&lt;/a&gt;
  </code></pre>
  
  <p>I execute the first part of the above method to display my populated form for update
  when I click on <code>href='Home/ManageEmployee?cntID=0&amp;command=create' class='openDialog'</code> I open the empty form to add a new employee.</p>
  
  <p>My problem now is that when I click on edit or create I have the desired result but in another page. What I want is to slide out those forms in the specific divs (below) while staying at the same page.(under the grid)</p>
  
  <pre><code>&lt;div id="dialog-edit"&gt;&lt;/div&gt;
  &lt;div id="dialog-create" style="display: none"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>here is the code where my grid will be loaded and the location of the divs where I want my forms to be loaded </p>
  
  <pre><code>@section featured {
  &lt;section class="featured"&gt;
      &lt;div class="content-wrapper"&gt;
          &lt;!-- the igHierarchicalGrid target element--&gt;
          &lt;table id="employeeGrid" style="width: auto;"&gt;&lt;/table&gt;
          &lt;p&gt;
              &lt;!--&lt;a id='openDialog' href='Home/CreateEmployee?cntID=0' class='openDialog ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only' style="color: white;"&gt;&lt;button&gt;Add Employee&lt;/button&gt;&lt;/a&gt;--&gt;
         &lt;/p&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  
  &lt;br /&gt;
  &lt;div id="dialog-confirm" style="display: none"&gt;
      &lt;p&gt;
          &lt;span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"&gt;&lt;/span&gt;
              Are you sure to delete ?
      &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div id="dialog-edit"&gt;&lt;/div&gt;
  
  &lt;div id="dialog-view" style="display: none"&gt;&lt;/div&gt;
  
  }
  </code></pre>
  
  <p>Thank you for your help</p>