title: How to update the Model value and reload a div in Razor view in MVC
body: <p>This is my code in Razor view that basically displays the table by extracting information from database - </p>
  
  <pre><code>@model List&lt;EmpoyeeInfo.Models.FFX_HR_Employees&gt;
  @using System.Reflection;
  
  @{
      ViewBag.Title = "Employee Information";
      var Properties = Model[0].GetType().GetProperties(BindingFlags.Public | BindingFlags.Instance).ToList();
      string[] head = new string[Properties.Count()];
  }
  
  &lt;div id="web-top"&gt;
  
      &lt;div id="horizontal-line"&gt;&lt;/div&gt;
      &lt;input class="search-box-text" type="text" spellcheck="false" placeholder="Search Individual Record..." title="Search Individual Record" id="searchbox" name="searchbox" /&gt;
  
  &lt;/div&gt;
  
  &lt;div id="web-main"&gt;
      &lt;table class="employee-info"&gt;
          &lt;tr&gt;
              @foreach (var Property in Properties)
              {
                  if (Property.Name.Equals("AnnualHolidayEntitlement"))
                  {
                      &lt;th colspan="2"&gt;@Property.Name&lt;/th&gt;
                  }
                  else
                  {
                      &lt;th&gt;@Property.Name&lt;/th&gt;
                  }
              }
          &lt;/tr&gt;
  
          @foreach(var Row in Model)
          {
              &lt;tr&gt;
                  @{
                      Type type = Row.GetType();
                      IList&lt;PropertyInfo&gt; props = new List&lt;PropertyInfo&gt;(type.GetProperties());
                  }
                  @foreach (PropertyInfo prop in props)
                  {
                      if (prop.Name.Equals("AnnualHolidayEntitlement"))
                      {
                          &lt;td contenteditable="true"&gt;@prop.GetValue(Row, null)&lt;/td&gt;
                      }
                      else
                      {
                          &lt;td&gt;@prop.GetValue(Row, null)&lt;/td&gt;
                      }
                  }
                  &lt;td class="saveToDB"&gt;SAVE&lt;/td&gt;
              &lt;/tr&gt;
          }
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but as i type in the search box text, an ajax calls are made - </p>
  
  <pre><code>$(document).ready(function () {
      $('.search-box-text').keypress(function () {
          getReport($(this).html());
      });
  })
  
  function getReport(Name) {
      $.ajax({
          url: '@Url.Action("Index", "Home")',
          type: 'POST',
          data: { Name: Name },
          dataType: "json",
          cache: false,
          success: function (result) {
              //do stuff;
          },
          error: function () {
              console.log("no display");
          }
      });
  }
  </code></pre>
  
  <p>now how do i reload the div - "web-main" and update the Model value such that as the user searches for a name, the table also needs to be updated.</p>