jquery — как интегрировать php id в код JavaScript на временной шкале

у меня есть на page.php код

<script type="text/javascript">
$(document).ready(function() {
var timeline_data = [{
content:' <div class="classdiv"> <div id="proID" >$rows[$id]</div> </div> '; ?>,
}];
$().product('.classdiv');
});
</script>

Когда график загрузки div,
Див <div class="classdiv"> <div id="proID" >$rows[$id]</div> </div> иметь правильный идентификатор.

HTML генерируется правильно

<div class = "classdiv"> <div id = "proID"> 123 </ div> </ div>,
<div class = "classdiv"> <div id = "proID"> 243 </ div> </ div>,
<div class = "classdiv"> <div id = "proID"> 423 </ div> </ div>,
<div class = "classdiv"> <div id = "proID"> 743 </ div> </ div>,

Но page.php отображается во всем содержимом div только для одного идентификатора.

<div class = "classdiv"> <div id = "proID"> 123 </ div> </ div>,
<div class = "classdiv"> <div id = "proID"> 123 </ div> </ div>,
<div class = "classdiv"> <div id = "proID"> 123 </ div> </ div>,
<div class = "classdiv"> <div id = "proID"> 123 </ div> </ div>,

Пожалуйста, скажите мне, каково решение?