javascript - jQueryメイソナリースタッキング

Question

WordPress に付属の jQuery プラグインを使用しようとしています。画像を隣り合わせに「浮かせる」ことができますが、積み上げて表示されます ( Image Here )。その理由はわかりません。ここに私のマークアップがあります

<div id="container-masonry"> 
    <?php //WordPress Loop Starts ?>    

    <div class="brick">
        <?php the_post_thumbnail(); ?>

        <h3><a href="<?php the_permalink();?>"><?php the_title(); ?></a></h3>
    </div> <!-- END .brick -->

    <?php //END loop ?>
</div> <!-- END #container-masonry -->

私はWordPressからjavascriptファイルを呼び出しています

function mason_script() {
wp_enqueue_script( 'jquery-masonry' );
}
add_action( 'wp_enqueue_scripts', 'mason_script' );

そして最後にjQueryのように

<script>
jQuery(document).ready(function($){
    $('#container-masonry').masonry({
      itemSelector: '.brick',
      });
});
</script>

開発ツールでエラーが発生しておらず、多少機能しているように見えますが、高さは追加されていません。どんな助けでも大歓迎です。