title: Remove layers is not working
body: <p>I have a code here that displays a marker on the map based on my php.</p>
  
  <pre><code>/* Generate the map and center it in philipines on start up */
  var map = L.map('map').setView([12.8797, 121.7740], 6);
  L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
      attribution: '&amp;copy; &lt;a href="http://osm.org/copyright"&gt;OpenStreetMap&lt;/a&gt; contributors'
  }).addTo(map);
  
  /* Mapping Variables */
  var markers = new L.layerGroup();
  
  /* On button click put a marker on the phillipine map base on condition */
  $("#btn-generate").click(function(){
  
  /* Other variables */
  var d1 = $('#startdate').val();
  var d2 = $('#enddate').val();
  var fspcode = $('#fspcode').find(":selected").text();
  
  $.ajax({  
      type: 'POST',  
      url: '../../php/pages/sfa/qry_map.php', 
      data: {
      'startdate' : d1,
      'enddate'   : d2,
      'fspcode'   : fspcode
      },
      success: function(data) {
          var data = JSON.parse(data);
          data = data.aaData; 
          if (data.length == 0) {
              sfaMsgbox("Unable to Track. No record found.");
          } else {
              /* Get the lat and long */
              for (var i = 0; i &lt; data.length; i++) {
              var lat = data[i].lat;
              var long = data[i].long;
              var code = data[i].code;
              var vdate = data[i].vdate;
              var type = data[i].type;
              var name = data[i].name;
              var address = data[i].address;
              var wholeinfo = "&lt;b&gt;FSP Assigned : &lt;/b&gt;" + code + "&lt;br&gt;" +
                "&lt;b&gt;Visit Date : &lt;/b&gt;" + vdate + "&lt;br&gt;" +
                "&lt;b&gt;Customer : &lt;/b&gt;" + name + "&lt;br&gt;" +
                "&lt;b&gt;Address : &lt;/b&gt;" + address + "&lt;br&gt;" +
                "&lt;b&gt;Type : &lt;/b&gt;" + type;
  
              /* Proceed in creating the map */
              var marker = L.marker([lat,long]);
              marker.bindPopup(wholeinfo, {
                  showOnMouseOver: true
              });
              markers.addLayer(marker);
          }
      }
  }
  });
  
  /* Add the markers */
  map.addLayer(markers);
  
  });
  </code></pre>
  
  <p>And this is how I delete it.</p>
  
  <pre><code>$("#removemarker").click(function(){
      /* Remove any existing Markers */
      map.removeLayer(markers);
  });
  </code></pre>
  
  <p>These codes are working however If I delete all the markers, they do delete but if I generate a new one the old marker shows again. How can I fix it?</p>
  
  <p>My target here is to add and add markers no matter how many it then deletes all of it. the only problem is that the old marker displays again. TYSM</p>