title: Zoom after search using autocomplete
body: <p>How to do after a search, zoom in on the value found on the map? My code is:</p>
  
  <pre><code>$("#txtSearch").autocomplete({
      source: setoresComerciais.features.map(function(d){
          return d.properties.sco_num_sc + " - " + d.properties.sco_dsc_loc
      }),
      select: function(event, ui){
          map.fitBounds(stComerciaisLayer.getBounds(ui.item.value));
      } 
  });
  </code></pre>
  
  <p>First, I get <code>return d.properties.sco_num_sc + " - " + d.properties.sco_dsc_loc</code>, this return, for example: <code>"1 - FORTALEZA"</code>
  After, I use select, where have the param ui, when do <code>ui.item.value</code> return <code>"1 - FORTALEZA"</code>, so this:</p>
  
  <pre><code>map.fitBounds(stComerciaisLayer.getBounds(ui.item.value));
  </code></pre>
  
  <p>Where:</p>
  
  <pre><code>stComerciaisLayer = L.geoJSON(setoresComerciais, {
                  style: function (feature) {
                      return feature.properties &amp;&amp; feature.properties.style;
                  },
                  onEachFeature: onEachFeature,
  (...)
  </code></pre>
  
  <p>It was to return exactly what I wanted, the result of the search and the zoom in it, but don't work. What did I do wrong?</p>