title: Leaflet edit polygon issue
body: <p>I have a Leaflet polygon that I want to edit it in the admin interface, but the thing is that it always shows me the same polygon. If I click on that pencil it should show me some different polygons, not the same. I think the problem is that I need to refresh the page when I click on save. How can I do this? I think it keeps it on the cache...</p>
  
  <p><a href="https://i.stack.imgur.com/fqEmP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fqEmP.png" alt="enter image description here"></a></p>
  
  <p>And this is what it looks like the edit:</p>
  
  <p><a href="https://i.stack.imgur.com/Y30sY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y30sY.png" alt="enter image description here"></a></p>
  
  <p>The code for editing is: </p>
  
  <pre><code>$(".edit_zona").click(function(){
              var id_zona = $(this).attr("id").substring(10);
              $.ajax({
                  type: "POST",
                  url: "ajax/edit_zona.php",
                  data:{
                  id: id_zona
                  },
                     cache:false,
                     dataType: "html"
  
              }).done(function(ms){
                  $("#response").html(ms);
                 var osmUrl = 'https://api.mapbox.com/styles/v1/mapbox/streets-v10/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWVnYTYzODIiLCJhIjoiY2ozbXpsZHgxMDAzNjJxbndweDQ4am5mZyJ9.uHEjtQhnIuva7f6pAfrdTw',
              osmAttrib = '&amp;copy; &lt;a href="http://openstreetmap.org/copyright"&gt;OpenStreetMap&lt;/a&gt; contributors',
              osm = L.tileLayer(osmUrl, { maxZoom: 18, attribution: osmAttrib }),
              map = new L.Map('map', { center: new L.LatLng(44.9323281,26.0306833), zoom: 12.25 }),
              drawnItems = L.featureGroup().addTo(map);
      L.control.layers({
          'osm': osm.addTo(map)
      },).addTo(map);
  
        function stringToGeoPoints( geo ) {
     var linesPin = geo.split(",");
  
     var linesLat = new Array();
     var linesLng = new Array();
  
     for(i=0; i &lt; linesPin.length; i++) {
      if(i % 2) {
       linesLng.push(linesPin[i]);
      }else{
       linesLat.push(linesPin[i]);
      }
     }
  
     var latLngLine = new Array();
  
     for(i=0; i&lt;linesLng.length;i++) {
      latLngLine.push( L.latLng( linesLat[i], linesLng[i]));
     }
  
     return latLngLine;
    } //I think here it's the problem
      var zona = JSON.parse('&lt;?php echo json_encode($arr) ?&gt;');
       for(var i=0; i &lt; zona.length; i++) {
      var polygon = L.polygon(stringToGeoPoints(zona[i]['geolocatii']), { color: 'red'}); 
      polygon.editing.enable();
      polygon.addTo(map);
     }
     map.addControl(new L.Control.Draw({
       draw : {
          position : 'topleft',
          polygon : true,
          polyline : false,
          rectangle : false,
          circle : false,
          marker: false,
          circlemarker: false
      },
      edit : {
          featureGroup: drawnItems,
          remove: false
      }
  
      }));
     var featureGroup = L.featureGroup().addTo(map);
       map.on("click", function(e){
        poligon= polygon.getLatLngs();
        poligon2=poligon.join(',').match(/([\d\.]+)/g).join(',')
  
        $('#geo').val(poligon2);
    console.log(poligon2);
      });
      var arr = JSON.parse( '&lt;?php echo json_encode($arr) ?&gt;' );
     // console.log(arr);
              });
          });
  </code></pre>
  
  <p>I don't know where the problem is, any ideas? By the way, I take this polygons from the MYSQL database.</p>