title: jQuery-Seat-Chart remap existing seats
body: <p>I am using jquery-seat-charts (<a href="https://github.com/mateuszmarkowski/jQuery-Seat-Charts" rel="nofollow">https://github.com/mateuszmarkowski/jQuery-Seat-Charts</a>)  to show a map of seats (for a given hall, bus, train etc). The problem is my seat layout changes overtime and I am handling it like this:</p>
  
  <pre><code>$(document).on('click', '.some-item', function(e){ 
      e.preventDefault();
      var obj = jQuery.parseJSON( jsonForThisElement );
  
      var seatMap = [];
  
      for (var i = 0 ; i &lt; obj.someAttr.Rows ; i++){
          var row = '' ;
          for (var j = 0 ; j &lt; obj.someAttr.Cols ; j++){                  
                  row += 'f';
          }
          seatMap.push(row);
      }
      var sc = $('#seat-map').seatCharts({
          map: seatMap,
          seats: someSeatStyleObject, //doesn't matter
          naming : someNamingObject , //doesn't matter
          ... other initializations            
      });
  </code></pre>
  
  <p>So far the updating of seatMap is not working, the seat map remains the same for the first clicked item (i mean the first initialized seat map). Any idea on how to re-initialize ?</p>