Ajax search und jQuery mobile...

[leo-magic]

Hallo zusammen!

Versuche für eine jQuery mobile Seite eine "Instantsuche" zu programmieren, die die Werte direkt aus mySQL liest.
Zwar gibt es hier https://github.com/commadelimited/autoComplete.js ein Script, ich habe es aber leider nicht geschafft, dass es die Werte aus einer mySQL Tabelle liest. Kann da jemand helfen?

Sonst: Ich habe es so versucht, funktioniert auch, nur übernimmt es die css von jQuery nicht.


Die Such-Datei: (Ausschnitt)

if(isset($_GET['keyword'])){
    $keyword = 	trim($_GET['keyword']) ;
	$keyword = mysqli_real_escape_string($dbc, $keyword);
	

$query = "SELECT customers_id, customers_firstname, customers_lastname
FROM customers
WHERE (customers_firstname like '$keyword%' OR customers_lastname like '$keyword%')";


//echo $query;
$result = mysqli_query($dbc,$query);
if($result){
    if(mysqli_affected_rows($dbc)!=0){
    

          while($row = mysqli_fetch_array($result,MYSQLI_ASSOC)){
     echo "<li>".$row['customers_firstname']." ".$row['customers_lastname']."</li>";
    }
    

    }

und die Ausgabe:

<script type="text/javascript">
 
$(document).bind("pagecreate", function() {


$("#search_input").keyup(function()
{
var search_input = $(this).val();
var dataString = 'keyword='+ search_input;


if(search_input.length<2)
{
$('#searchresultdata').html('');
}

if(search_input.length>=2)
{
$.ajax({
type: "GET",
url: "ajax-search.php",
data: dataString,
beforeSend:  function() {

},
success: function(server_response)
{

$('#searchresultdata').html(server_response).show();

	}
});
}return false;
});
});
	  
</script>

Die Namen werden angezeigt, aber nicht als <li> Items, also nicht mit der jQuery css "gestyled".
Wie kann ich das erreichen?

Danke und Gruss!!
Léo