Jquery Map错误。找不到地图容器

Question

我正在使用leaflet.js API。这是我的代码：

$( "article" ).hover(
  function(){
    $("#"+this.id).append('<div class="story_map"></div>');
    var map = L.map('story_map', {scrollWheelZoom:false,dragging:true}).setView([23, 23], 3);
    L.tileLayer('http://{s}.tile.cloudmade.com/4bf7e7a4096646134526bbafac6eb4838/997/256/{z}/{x}/{y}.png', {maxZoom: 18}).addTo(map);
  },
  function(){
    $(".story_map").remove()
  }
);

为什么我无法初始化地图？