jQuery addClass不工作动态生成的php

我有一个php参数，我正在尝试使用jQuery添加一个类，基于php参数的结果，我看不出这为什么不起作用。非常感谢您的帮助

<?php
$image_overlay = 'Yes';

if($image_overlay == 'Yes'){
    $overlay_outcome = 'Yes';
}else{
    $overlay_outcome = 'No';
}
?>

<script>
    $(document).ready(function(){
        var overlay = <?php echo $overlay_outcome; ?>

        if (overlay == 'Yes') {
            $(".product a.jq-target").addClass("image-overlay");
        }
        else {
            //do nothing
        }
    });
</script>

<div class="product">
    <a class="jq-target" href="#">

    </a>
</div>

试着去替换你喜欢的东西

var overlay = '<?php echo $overlay_outcome; ?>';

---

执行此操作时，请尝试检查控制台。它将在代码中显示语法错误。

您的控制台中应该有错误，对吗？！请参阅Gautam的答案以解决此问题