title: jQuery autocomplete with google map address lookup
body: <p>How I can reproduce <a href="http://gmap3.net/examples/address-lookup.html" rel="nofollow">this plugin</a> in jsfiddle ? Code so far is <a href="http://jsfiddle.net/VBFxp/2/" rel="nofollow">here</a>.
  My problem is- I can see response data is coming for each request using firebug, but the autocomplete list is not showing up. Thanks for your time guys.</p>
  
  <p>Adding the code directly from fiddle -
  HTML :</p>
  
  <pre><code>&lt;!-- required js libraries --&gt;
  &lt;script type="text/javascript" src="jquery-1.7.1.min.js"&gt;&lt;/script&gt; &lt;!-- jQuery is directly loaded from fiddle, so in the live example I skipped this line --&gt;
  &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://gmap3.net/js/gmap3-4.1-min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="https://raw.github.com/jbdemonte/autocomplete/master/jquery-autocomplete.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- this is required to help autocomplete plugin --&gt;
  &lt;link rel="stylesheet" type="text/css" href="https://raw.github.com/jbdemonte/autocomplete/master/jquery-autocomplete.css" /&gt;
  
  &lt;input type="text" id="address" size="60"/&gt;
  &lt;div id="test" style="height:350px; width:600px"&gt;&lt;/div&gt;​
  </code></pre>
  
  <p>And here is the javascript :</p>
  
  <pre><code>/*This one initializes the map*/
  $("#test").gmap3();
  
  /*This is the autocomplete code*/
  $('#address').autocomplete({
    source: function() {
      $("#test").gmap3({
        action:'getAddress',
        address: $(this).val(),
        callback:function(results){
          if (!results) return;
          $('#address').autocomplete(
            'display', 
            results,
            false
          );
        }
      });
    },
    cb:{
      cast: function(item){
        return item.formatted_address;
      },
      select: function(item) {
        $("#test").gmap3(
          {action:'clear', name:'marker'},
          {action:'addMarker',
            latLng:item.geometry.location,
            map:{center:true}
          }
        );
      }
    }
  });​
  </code></pre>