javascript - jQuery .before() は、そのコンテンツを見つけて for ループを適用します。私は何を間違っていますか

Question

コンテナのようなものをいくつか動的に追加し、それを DOM で見つけて数字のリストを入力する必要があります。これが私のやり方ですが、冗長だと感じているので、別の方法でやるべきかもしれません。唯一の問題は、すべてを JavaScript で行う必要があり、コンテナーをハードコーディングできないことです。そのため、最初に追加してから見つけようとします。

JS Binの動作例http://jsbin.com/okikohu/1/

コード：

<script>
    $(function(){

      var obj = $('form'),
          total = 6;

        obj.before('<div class="container"/>');
        var container = $('body').find('.container');

        for (var i = 0, limit = total; i < limit; i++) {

                container.append('-<span class="step" id="is'+(i+1)+'">'+(i+1)+'</span>-');

      }

    });
  </script>

<form>some form</form>