Cant append HTML structre in jQuery PHP WORDPRESS

Cant append HTML structre in jQuery PHP WORDPRESS

<script type="text/javascript">
jQuery(function($) {
$("td").filter(function (){
return $(this).text() == '<?php echo $eventDate ?>';
}).css({ 'background-color': 'Green' });
$("td").filter(function (){
return $(this).text() == '<?php echo $eventDate ?>';
}).append("
<div id="myCard" class="flip-container" >
<div class="flipper">
<div class="front">
<!-- front content -->
salam
</div>
<div class="back">
<!-- back content -->
salam
</div>
</div>
</div>");
});
</script>