title: Masonry Error: Bad masonry element: null
body: <p>This is the error I got from console. I'm using angular.js for this website, but I'm hoping I could just use the regular <code>masonry.js</code> without <code>angular-masonry</code>. </p>
  
  <pre><code>Bad masonry element: null
  q()masonry....min.js (line 9)
  a = null
  c = Object { columnWidth=200, itemSelector=".item"}
  d()masonry....min.js (line 9)
  ui.js()
  </code></pre>
  
  <p>JavaScript: </p>
  
  <pre><code>var container = document.querySelector('#container');
  var msnry = new Masonry( container, {
    // options
    columnWidth: 200,
    itemSelector: '.item'
  });
  
  var msnry = new Masonry( '#container', {
    // options
  });
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div class="content"&gt;
     &lt;div id="container" class="list-container tiles-column-wrapper"&gt;
        &lt;div class="tiles-column item ng-scope" ng-class="{active: $routeSegment.$routeParams.artifactId === artifact.artifactId}" ng-repeat="artifact in artifacts | orderBy:'-postedTimestamp'"&gt;
        &lt;div class="tiles-column item ng-scope" ng-class="{active: $routeSegment.$routeParams.artifactId === artifact.artifactId}" ng-repeat="artifact in artifacts | orderBy:'-postedTimestamp'"&gt;
        &lt;div class="tiles-column item ng-scope" ng-class="{active: $routeSegment.$routeParams.artifactId === artifact.artifactId}" ng-repeat="artifact in artifacts | orderBy:'-postedTimestamp'"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>