使用jQuery在页面重定向后显示DIV

当document就绪时，我有一个div设置为hide()。我希望这个div在包含的div可见时出现。我还有一个接受用户输入的表单。表单被重定向到其页面action ="<?php echo htmlentities($_SERVER['PHP_SELF']);?>"。提交有一个类.submitRecord。成功将记录提交到DB后，包含的div将可见。

PHP代码：

if (isset($_POST['submitRecord']) && $success != ''){
    echo "<div class='containingDiv'>";
       echo "<div class='alloc'>";
         echo "<p class = 'closeButton'> x </p>";
         echo "<p class = 'allocationSuccess'>Allocation Successful for Mr/Mrs ABC</p>";
       echo "</div>";
    echo "</div>";
    };

jQuery代码：

$(document).ready(function(){
  $('.containingDiv, .alloc').hide();
  $(document).on('click', '#saveRecord', function () { 
    if ($(".containingDiv").is(':visible')){
        $('.alloc').slideDown(500);
    }
  });
 $(document).on('click', '.closeButton', function () { 
    $('.alloc').hide(500);
  });
});

表单被提交，var $success被分配了一个字符串，但.alloc不会显示。

任何帮助都将不胜感激。