title: jQuery autocomplete from PHP mySQL query
body: <p>I am trying to follow this tutorial on autocomplete: <a href="http://www.jensbits.com/2010/03/29/jquery-ui-autocomplete-widget-with-php-and-mysql/" rel="nofollow">http://www.jensbits.com/2010/03/29/jquery-ui-autocomplete-widget-with-php-and-mysql/</a></p>
  
  <p>I am open to others if anyone has suggestions, but I digress.
  I want to type the last name of a guest and get a list displayed below of all the matches. However I get something real screwy where it says "1 result is available, use up and down arrow keys to navigate." and has a tiny dot somewhere in the text I can click which will fill my readonly textboxes. How can I get this to function properly? I honestly don't know where I am going wrong. I will post my html and jQuery. My php obviously works fine so I don't feel it's necessary to post.</p>
  
  <pre><code>&lt;div class="guestinfo"&gt;
      &lt;p class="ui-widget"&gt;
          &lt;div&gt;&lt;label&gt;Exisiting Guest List&lt;/label&gt;&lt;/br&gt;
          &lt;input type="text" name="guests" id="guests"/&gt;&lt;/div&gt;
          &lt;input readonly="readonly" type="text" id="firstname" name="firstname"/&gt;
          &lt;input readonly="readonly" type="text" id="lastname" name="lastname"/&gt;
  
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              $(function() {
                  $('#guests').val("");
  
                  $("#guests").autocomplete({
                      source: "classes/autocomplete_guests.php",
                      minLength: 2,
                      select: function(event, ui) {
                          $('#firstname').val(ui.item.fname);
                          $('#lastname').val(ui.item.lname);
                      }
                  });
              });
  
          &lt;/script&gt;&lt;/p&gt;
  </code></pre>