title: jVectorMap error: "jvm is not defined"
body: <p>I'm trying to recreate the jVectorMap example visualization of US unemployment. I took the code straight from <a href="https://github.com/bjornd/jvectormap-examples/tree/master/us-unemployment">github</a>. The map, won't load and the console gives me this error: "jvm is not defined."</p>
  
  <p>Here's the code:</p>
  
  <pre><code>  &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
        &lt;meta charset="utf-8"/&gt;
        &lt;title&gt;Maps&lt;/title&gt;
        &lt;link rel="stylesheet" media="all" href="../jvectormap/jquery-jvectormap.css"/&gt;
        &lt;link rel="stylesheet" media="all" href="css/jquery-ui-1.8.21.custom.css"/&gt;
        &lt;script src="../jvectormap/tests/assets/jquery-1.8.2.js"&gt;&lt;/script&gt;
        &lt;script src="../jquery-jvectormap.js"&gt;&lt;/script&gt;
        &lt;script src="../jvectormap/tests/assets/jquery-jvectormap-us-aea-en.js"&gt;&lt;/script&gt;
        &lt;script src="jquery-ui-1.8.21.custom.min.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
      $(function(){
        $.getJSON('data.json', function(data){
          var val = 2009;
              statesValues = jvm.values.apply({}, jvm.values(data.states)),
              metroPopValues = Array.prototype.concat.apply([], jvm.values(data.metro.population)),
              metroUnemplValues = Array.prototype.concat.apply([], jvm.values(data.metro.unemployment));
  
          $('.map').vectorMap({
            map: 'us_aea_en',
            markers: data.metro.coords,
            series: {
              markers: [{
                attribute: 'fill',
                scale: ['#FEE5D9', '#A50F15'],
                values: data.metro.unemployment[val],
                min: jvm.min(metroUnemplValues),
                max: jvm.max(metroUnemplValues)
              },{
                attribute: 'r',
                scale: [5, 20],
                values: data.metro.population[val],
                min: jvm.min(metroPopValues),
                max: jvm.max(metroPopValues)
              }],
              regions: [{
                scale: ['#DEEBF7', '#08519C'],
                attribute: 'fill',
                values: data.states[val],
                min: jvm.min(statesValues),
                max: jvm.max(statesValues)
              }]
            },
            onMarkerLabelShow: function(event, label, index){
              label.html(
                '&lt;b&gt;'+data.metro.names[index]+'&lt;/b&gt;&lt;br/&gt;'+
                '&lt;b&gt;Population: &lt;/b&gt;'+data.metro.population[val][index]+'&lt;/br&gt;'+
                '&lt;b&gt;Unemployment rate: &lt;/b&gt;'+data.metro.unemployment[val][index]+'%'
              );
            },
            onRegionLabelShow: function(event, label, code){
              label.html(
                '&lt;b&gt;'+label.html()+'&lt;/b&gt;&lt;/br&gt;'+
                '&lt;b&gt;Unemployment rate: &lt;/b&gt;'+data.states[val][code]+'%'
              );
            }
          });
  
          var mapObject = $('.map').vectorMap('get', 'mapObject');
  
          $(".slider").slider({
            value: val,
            min: 2005,
            max: 2009,
            step: 1,
            slide: function( event, ui ) {
              val = ui.value;
              mapObject.series.regions[0].setValues(data.states[ui.value]);
              mapObject.series.markers[0].setValues(data.metro.unemployment[ui.value]);
              mapObject.series.markers[1].setValues(data.metro.population[ui.value]);
            }
          });
        });
      })
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div class="map" style="width: 800px; height: 600px"&gt;&lt;/div&gt;
    &lt;div class="slider" style="width: 280px; margin: 10px"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>