Multiple Results

Multiple Results

I'm making a search field, they type what they want to search and it'll bring up the close results from the database and when they mouseover one of the results it pops up an image and description that should have been added to the array but I'm really stuck on how to do this I've been googling like crazy with no luck. I've only been using jquery for a month or two now.

Here's what I have:

[code]
<script type="text/javascript">   
var title;
var plot;
var image;                           
   $(document).ready(function() {
   $('#search_results').hide();
$("#search_results").mouseenter(function() {
$("#search_results").html('<br /><img src="'+image+'" width="110" height="150" /><br />'+plot);
 }).mouseleave(function() {
$("#search_results").html('<br /><a href="#">'+title+'</a>');
 });
 });
 function searchBox(text)
 {
  $.get('ajax/data.php?type=1&search_text='+text, function(data)
{
spliter = data.split("<>");
title = spliter[0];
image = spliter[1];
plot = spliter[2];
$('#search_results').hide();
  $("#search_results").html('<br /><a href="#">'+title+'</a>');
  $('#search_results').fadeIn("fast");
});
 }                      
</script> 
[/code]

Obviously this will only allow one to be loaded at a time, when I try to use arrays it just errors and doesn't work at all.

Would appreciate this so much, cheers!