title: Load partial view into div tag on same page
body: <p>I know this question might be repeated. But my issue is, I want my partial view display after button click on same page into div tag. When I click on button partial view is getting display but not on same page in div tag but it is getting open on different page.
  this is my code:</p>
  
  <pre><code>&lt;%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage&lt;ApricaCRMEvent.Models.CRM.DatabaseEntities.CRM_Doctor_Request&gt;" %&gt;
  
  &lt;asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"&gt;
      MDLNoDDLIndex
  &lt;/asp:Content&gt;
  
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"&gt;
      &lt;script src="../../Scripts/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../../Scripts/jquery-migrate-1.0.0.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          //script for binding drop down list value from view to model
          function TestFun() 
          {
              var mdlno = $("#ddlMDLNo").val();
              var txtmdlno = document.getElementById("Request_For_Id");
              txtmdlno.value = mdlno;
              //alert(txtmdlno.value);
          }
  
          //script for loading partial view into div tag "viewlist"
          $(function () {
              $('form').submit(function () {
                  if ($(this).valid()) {
                      $.ajax({
                          url: this.action,
                          type: this.method,
                          data: $(this).serialize(),
                          beforeSend: function () {
                              $("#viewlist").hide();
                          },
                          complete: function () {
                              $("#viewlist").show();
                          },
                          success: function (result) {
                              $("#viewlist").html(result);
                          }
                      });
                  }
                  return false;
              });
          });
  
  &lt;/script&gt;
  &lt;div&gt;
  &lt;h2&gt;Search by MDLNo&lt;/h2&gt;
  
      &lt;% using (Html.BeginForm("MDLNoDataList", "Search", FormMethod.Post, new { id = "form1" }))
      { %&gt;
  
           &lt;%: Html.ValidationSummary(true, "Profile Updation was unsuccessful. Please correct the errors and try again.") %&gt;
  
            Select MDLno 
  
              &lt;%= Html.DropDownList("ddlMDLNo", ViewData["MDLno"] as SelectList, "--Select One--", new { onchange = "TestFun()" })%&gt; 
              &lt;%: Html.HiddenFor(model =&gt; model.Request_For_Id) %&gt;
  
              &lt;input type="submit" value="search" name="SearchMDLNo" id="btnclick" /&gt;    
              &lt;div id="viewlist"&gt;&lt;/div&gt; // partial view should be loaded here.
      &lt;% } %&gt; 
  
  &lt;/div&gt;
  
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server"&gt;
  &lt;/asp:Content&gt;
  </code></pre>