javascript - How to add an element to the jquery.shapeshift grid -

i want append , element grid created jquery.shapeshift. documentation says trigger rearrange once element added. i've tried nothing. doing wrong? see example http://jsfiddle.net/lnysc/1307/

$(".container").shapeshift({     mincolumns: 3 });   $("a").click(function(){      $(".container").append("<div></div>");     $(".container").trigger("ss-event-arrange");  }); 

many thanks

the div added way not recognized container child yet should tell container div added child treated so. know there should way it, try reshapeing container calling $(".container").shapeshift() again, example:

$(".container").shapeshift({     mincolumns: 3 });   $("a").click(function(){      $(".container").append("<div></div>");      $(".container").shapeshift(); }); 

here example: http://jsfiddle.net/lnysc/1501/