title: Modal's partial view content does not refresh
body: <p>I have a bootstrap modal which, when opened, hits the server to update the model with data that will be displayed to the screen.  It works great the FIRST time the modal is opened, but after that, it always shows the same data as the first time it was opened.</p>
  
  <p>In the view:</p>
  
  <pre><code>&lt;div id="ChangeOrderModal" class="modal hide fade" style="width:1000px"&gt;
  &lt;div class="modal-body"&gt;
      &lt;div id="ChangeOrderTable"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="modal-footer"&gt;
      &lt;a href="#" data-dismiss="modal" class="btn"&gt;Close&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Script in the View to hit the server and update data:</p>
  
  <pre><code>var url = '@Url.Action("SetChangeOrderDate")';
  $.post(url, { coDate: date, projId: @Model.Project.id_project }, function (data) {
      $('#ChangeOrderTable').replaceWith(data);
  });
  $('#ChangeOrderModal').modal('show');
  </code></pre>
  
  <p>That hits the action just fine, every time:</p>
  
  <pre><code>[HttpPost]
  public ActionResult SetChangeOrderDate(string coDate, int projId)
  {
      ....
      return PartialView("_ChangeOrderTable", projectVM);
  }
  </code></pre>
  
  <p>Then, in the partial view:</p>
  
  <pre><code>@foreach (var record in Model.ChangeOrder.Change_Order_Dash_List
  {
       ... create table based on the list...
  }
  </code></pre>
  
  <p>If I put a breakpoint right on that @foreach in the partial view, and get a count of the items, it is ALWAYS correct.  Example:  The first time the modal is opened, it has a count of 3.  Then, three rows are rendered to the screen.  I close the modal, open it by clicking on another icon, and this time the count is 7. I can even watch it loop over the HTML to render each row seven times.</p>
  
  <p>But, the same three rows as last time appear on the screen.  </p>
  
  <p>What am I doing wrong?</p>