title: Changing data to be visualized in jvector Map
body: <p>I have two types of maps of Nepal (districts map of Nepal and ecological map of Nepal). I have two data sets for each of the above type. I am trying to create a visualization where users can first choose what type of map  they want and then later what data they want to be visualized. (using dropdowns).</p>
  
  <p>These are the codes for dropdowns.</p>
  
  <pre><code>    &lt;select id="changeMap"&gt;
        &lt;option&gt;Change Map&lt;/option&gt;         
        &lt;option value="ecoMap"&gt;Ecological Region&lt;/option&gt;
        &lt;option value="world_mill_en"&gt;Districts&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;select id="changedata"&gt;
        &lt;option&gt;Change Data&lt;/option&gt;
        &lt;option value="Caste 1"&gt;CASTE 1&lt;/option&gt;
        &lt;option value="Caste 2"&gt;CASTE 2&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>This is the jvector Map function.</p>
  
  <pre><code>            &lt;div id="container"&gt;&lt;/div&gt;
  
              &lt;script&gt;
              var vmap = '&lt;div id="vmap" style="width: 600px; height: 400px;"&gt;&lt;/div&gt;';
              $('#changeMap').on('change', function () {
                  var _map = $(this).val();
                  $('#vmap').remove();
                  $('#container').append(vmap);
                  $('#vmap').vectorMap({
                      map: _map,
                      backgroundColor: '#000000',
                      enableZoom: true,
                      regionsSelectable : false,
                      series: {
                      regions: [{
                      values: data,
                      scale: ['#fffad6', '#d05300'],
                      normalizeFunction: 'polynomial'
                  }]
                    }});
              });
              &lt;/script&gt;
  </code></pre>
  
  <p>Now, how do I make this drop- drop down combination work to visualize?
  Thanks!</p>