title: Jquery autocomplete start from first character
body: <p>I think this is asked by someone before but I can't get it to work with my script.
  When I start typing in the input field and for example I start with the letter A I get every Label that contains the letter A.</p>
  
  <p>I only want the Labels that Start with the letter A.</p>
  
  <p>This is my script:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
  &lt;style&gt;
  .ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
  * we use height instead, but this forces the menu to always be this tall
  */
  * html .ui-autocomplete {
  height: 100px;
  }
  &lt;/style&gt;
  
  $(function() {
  $( "#tags" ).autocomplete({
  source: [{
          label: "Apple",
          value: "http://www.apple.com"},
      {
          label: "Google",
          value: "http://www.google.com"},
      {
          label: "Yahoo",
          value: "http://www.yahoo.com"},
      {
          label: "Bing",
          value: "http://www.bing.com"}],
      minLength: 3,
      select: function(event, ui) {
          event.preventDefault();
          $("#tags").val(ui.item.label);
          $("#selected-tag").val(ui.item.label);
          window.location.href = ui.item.value;
      }
      ,
      focus: function(event, ui) {
          event.preventDefault();
          $("#tags").val(ui.item.label);
      }
  });
  });
  </code></pre>
  
  <p>This is my html:</p>
  
  <pre><code>&lt;div class="ui-widget"&gt;
  &lt;label for="tags" style="float:left; margin-right:5px; font-size:12px; margin-top:10px; margin-left:55px; text-align:right;"&gt;Search Engines:&lt;/label&gt;
  &lt;input type="text" placeholder="Search for engine..." id="tags" style="width:150px; padding:3px; margin:9px 0 0 0; float:right;" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this possible with my script like it is now?</p>
  
  <p>Thanks in advance</p>