Мой частичный вид не обновляется после вызова AJAX

Question

У меня проблема с невозможностью обновить частичное представление.

Страница моей cshtml страницы

<script type="text/javascript">
  $(document).ready(function () {
      $('#btncreate').click(function () {
          var projectid = $("#txtprojectid").val();
          $.ajax({
              url: '/Projects/CreateFinanceItems?pid=' + Id,
              datatype: 'json',
              type: "POST",
              success: function (response) {
                  alert("record created successfully");
                  if (response != null) {
                      window.close();
                      refreshpartial();
                  }
              }
          })
      });

      function refreshpartial()
      {
          $.ajax({
              url: '/Projects/PartialItem?id=' + "Test",
              datatype: 'json',
              success: function (response) {
                  $("#displayproContainer").html(response);
              },
              error: function (xhr, ajaxOptions, thrownError) {
              }
          })
      }
    });        
    </script>

Я вижу сообщение об успешном создании записи, но когда оно переходит на refreshpartialМетод моего частичного просмотра не обновляется с добавлением данных. Я поставил предупреждение в функцию успеха, оно не срабатывает.

Частичное представление DIV ID # displayproContainer

$("#displayproContainer").html(response);

Код контроллера

  [OutputCache(Duration = 0)]
        public PartialViewResult PartialItem(string id)
        {
            // Logic to Insert data
            return PartialView(viewModel);
        }

Что-то мне здесь не хватает?