title: How To Add Search Button To Jquery Autocomplete
body: <p><a href="http://myblogmyupdatesv.blogspot.in/" rel="nofollow">This</a>
  is my blog.</p>
  
  <p>This is the code</p>
  
  <pre><code>&lt;!doctype html&gt;
  Jquery Auto Complete
  
    &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;
  
    &lt;script&gt;
    $(document).ready(function() {
      $("input#autocomplete").autocomplete({
      source: [
               { value: "NYC", url: 'http://www.nyc.com' }, 
               { value: "LA", url: 'http://www.la.com' },
               { value: "Philly", url: 'http://www.philly.com' },
               { value: "Chitown", url: 'http://www.chitown.com' },
               { value: "DC", url: 'http://www.washingtondc.com' },
               { value: "SF", url: 'http://www.sanfran.com' },
               { value: "Peru", url: 'http://www.peru.com' }
          ],
          select: function (event, ui) {
              window.location = ui.item.url;
          }
  
  });
    });
    &lt;/script&gt;
  
  
  
  &lt;input id="autocomplete" /&gt;
  
  
  &lt;/!doctype&gt;
  </code></pre>
  
  <p>Now when ever the user search for query NYC and when it is selected is redirecting to the url but my aim is to put search button beside when the user clicks the search button then it should be redirected. I hope my question is clear thanks in advance.</p>