title: Uncaught ReferenceError: Masonry is not defined
body: <p>I'm woking on my portfolio and I'm using a wordpress theme called Gridly that uses <a href="http://masonry.desandro.com/" rel="nofollow">masonry</a>. I'm trying to make it so the posts align to the right rather than the left. I came across an option <a href="http://masonry.desandro.com/options.html#isoriginleft" rel="nofollow">here</a> that would allow me to do that by using "isOriginLeft": false but now I just keep getting this error "Uncaught ReferenceError: Masonry is not defined" and I'm no closer to getting the posts to align right.</p>
  
  <p>My portfolio is here: brittonhack.com/new/</p>
  
  <p>jQuery is not my strong suit so ANY help would be greatly appreciated. Thanks!</p>
  
  <p>Here's the code that keeps producing the error.</p>
  
  <pre><code>// masonry code 
  $(document).ready(function() {
    $('#post-area').masonry({
      // options
      itemSelector : '.post',
      // options...
    isAnimated: true,
    animationOptions: {
      duration: 400,
      easing: 'linear',
      queue: false
    }
  
    });
  });
  
  
  // hover code for index  templates
  $(document).ready(function() {
  
          $('#post-area .image').hover(
              function() {
                  $(this).stop().fadeTo(300, 0.8);
              },
              function() {
                  $(this).fadeTo(300, 1.0);
              }
          );  
  
  
  });
  
  
  // comment form values
  $(document).ready(function(){
      $("#comment-form input").focus(function () {
          var origval = $(this).val();    
          $(this).val("");    
          //console.log(origval);
          $("#comment-form input").blur(function () {
              if($(this).val().length === 0 ) {
                  $(this).val(origval);   
                  origval = null;
              }else{
                  origval = null;
              };  
          });
      });
  });
  
  
  // clear text area
  $('textarea.comment-input').focus(function() {
     $(this).val('');
  });
  
  var container = document.querySelector('#post-area');
  var msnry = new Masonry( container, {
    itemSelector: '.post'
  });
  </code></pre>