title: How do I force a leaflet map to reload all tiles including visible ones?
body: <p>I'm working on a graphing web-app and I've decided that leaflet would make a decent graph view. I have it displaying (sort of) but I need a way to force it to update when the user enters a new formula to graph.  </p>
  
  <p>I'm using JQuery as well, but that shouldn't matter. Here is the relevant code:</p>
  
  <pre><code>function formulaChange(formula){
       //submits a request to the server to add a graph to display
       map.setView(map.getCenter(),map.getZoom(),true);//doesn't work
       //and neither does:
       //map.fire('viewreset');
       //tiles.redraw();
  }
  
  function enterHandler(event){
      if(event.keyCode==13){
          formulaChange(document.getElementById("formula").value);
      }
  
  }
  
  var map;
  var tiles;
  $(document).ready(function(){
      map=L.map('plot',{crs:L.CRS.Simple}).setView([0,0],10);
      //url is actually a servlet on the server that generates an image on the fly
      tiles = L.tileLayer('./GraphTile.png?x={x}&amp;y={y}&amp;z={z}&amp;tilesize={tileSize}&amp;{s}', 
      {
          maxZoom: 20,
          continuousWorld: true,
          tileSize: 128,
          //subdomains used as a random in the URL to prevent caching
          subdomains: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'
      }
      ).addTo(map);
  });
  </code></pre>
  
  <p>This works but won't refresh when the user clicks, the event is definitely running (I've omitted other code that updates a text display). It displays properly, but when the user adds a function to display the view never updates and leaflet continues to display cached images, only a new zoom level or panning to an area never before viewed causes it to update the tiles. The question I have is: How do I force leaflet to completely reload everything and drop and reload all the images?</p>
  
  <p>EDIT added another failed attempt</p>