php - DBから取得した画像をAjaxで表示

Question

私はAjaxで画像を表示しています。divタグで画像を描画しない理由がわかりません。アクションをフォームタグに入れてfind.phpに送信すると機能しますが、Ajaxでは機能しません

//display.php
<script>
$(document).ready(function() {

var str = 'img_arr='+ img_arr + '&img_url=' + img_url ;

if (window.XMLHttpRequest){
   xmlhttp=new XMLHttpRequest();
}else{// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
 xmlhttp.onreadystatechange=function(){
   if (xmlhttp.readyState==4 && xmlhttp.status==200){
   document.getElementById("here").innerHTML=xmlhttp.responseText;
 }
}

 xmlhttp.open("GET","find.php?"+str,true);
 xmlhttp.send();
});
</scrpt>

<input type="text" id="img_url" name="img_url" value="google.com" />
<input type="text" id="img_arr" name="img_arr"  value="img.jpg" />
<div id="here"></div>

//find.php

<?
  $q = "...." 
  $r = @mysqli_query($dbc,$q);

  while($row = @mysqli_fetch_array($r)){
     echo ("<img src='button.png' style='margin-left:".$row['x_coord'].";margin-top:".$row['y_coord']."; position:absolute;' />");  
  }

?>