ติดปัญหาเรื่องดึงรูปจากฐานข้อมูลมาใส่ jquery ไม่รู้ว่าโค้ดผิดหรือถูกยังไงรบกวนผู้รู้ด้วยค่ะ

<div id="featured" >
		  <ul class="ui-tabs-nav">
               <? 
			   do { 
   ?>         
	        <li class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1">			<img src="../backoffice/uploadNews/<?=$newsSchool['imgName']?>" alt="" width="50" height="50" /><span><?=$newsSchool['title']?></span></a></li>
		<? }while($newsSchool = mysql_fetch_assoc($rec_value_n)) ; ?>
	      </ul>
       <? $i=0;
			do{
if($i%5==0){$text ='class="ui-tabs-panel"';}
else{$text ='ui-tabs-panel ui-tabs-hide"';}
   ?>  
	    <!-- First Content -->
	    <div id="fragment-<? $i ?>" <?= $text ?> style="">
			<img src="../backoffice/uploadNews/<?=$newsSchool['imgName']?>" alt="" />
			 <div class="info" >
				<h2><a href="#" ><?=$newsSchool['title']?></a></h2>
				<p><?=$newsSchool['description']?><a href="#" >read more</a></p>
			 </div>
	    </div>

        
<? 
$i++;
 }while($newsSchool = mysql_fetch_assoc($rec_value_n)) ; ?>