title: ASP.NET MVC 4 Partial View does not reload at second time using jquery
body: <p>I'm new with ASP.NET MVC 4. I have followed the tutorial to load partial view without refreshing whole page. The problem is that it only reloads at first time. In my <code>Index.cshtml</code> file: </p>
  
  <pre><code>&lt;div id="detailsDiv"&gt;
  
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      $('.setImage').click(function () {
          var url = "/Home/Test";
          var name = $(this).val();        
          $.post(url, { Name: name}, function (data) {            
              $("#detailsDiv").replaceWith(data);         
          });
      })
  &lt;/script&gt;
  </code></pre>
  
  <p>In my <code>HomeController.cs</code> file:</p>
  
  <pre><code>    [HttpPost]
      public ActionResult Test(string Name)
      {
          ConfigurationData cd = new ConfigurationData(Name, "xyz");
          return PartialView("Test", cd);
      }
  </code></pre>
  
  <p>My <code>Test.cshtml</code>:</p>
  
  <pre><code>@using Wordrific.Models.ParseFolder
  @model ConfigurationData
  &lt;p id="abcde"&gt;@Model.ConfigurationVariables&lt;/p&gt;
  &lt;p id="abcde"&gt;@Model.GameRules&lt;/p&gt;
  &lt;p&gt;test&lt;/p&gt;
  </code></pre>
  
  <p>My problem is that it only reloads only once. I set the break point on the <code>Test.cshtml</code> file. I see the name is changed in the debug log but the browser does not update new data. </p>