无法用jQuery选择DOM元素？

Question

我正在尝试执行一个非常简单的任务，即使用jQuery选择我的DOM中的所有section，但出于某种原因$sections每次执行以下操作时都为空：

HTML：

<div class="container">
    <div id="bl-main">
        <section>
        ...
        </section>
        <section>
        ...
        </section>
    </div>
</div>
<script>
    $(function() {
        Boxlayout.init();
    });
</script>

使用Javascript：

var Boxlayout = (function() {
    var $el = $( "#bl-main" );
    var $sections = $el.children("section");
    ...
    // init function and more code down below
});

有人看到我做错了吗？

编辑：我正在使用Rails开发这个项目，所以我很可能搞砸了Rails的某些部分。 HTML位于app/assets/views/static_pages.html.erb，JS位于app/assets/javascripts/static_pages.js