jquery - Make sure that one javascript gets run before another -

i have 2 javascript-files. both loaded in header

    <link rel="stylesheet" href="http://filer.jungrelations.com/beaussometumblr/js/main.js">         <script src="http://filer.jungrelations.com/beaussometumblr/js/vendor/masonry.pkgd.min.js"></script> 

main.js manipulation order in dom. applies masonry, javascript library positions elements absolutely based on order in dom. initiate using data-masonry-object-method:

data-masonry-options='{ "columnwidth": 196,  "itemselector": "section", "gutter": 8, "transitionduration": 0 }' 

because masonry cares order of html-nodes, it's important main.js run before masonry.js. main.js looks like.

$(document).ready(function() {    $('.stamp1').remove(); }); 

i suggest manually activate masonry in main.js, after did dom manipulation:

$(document).ready(function() {     $('.stamp1').remove();        $('#container').masonry({        columnwidth: 196,        itemselector: 'section',        gutter: 8,         transitionduration: 0     });  }); 

you'll have remove data-masonry-options attribute container.