Jquery kodum çalışmıyor

Merhaba arkadaşlar,
Jquery'de yeniyim aşağıdaki kodları header.php nin içine atıyorum ama çalışmıyor benim gözümden kaçan yada normalde kullanımı böyle olmayan yerler var mıdır?

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$( document ).ready(function()
	 {
		for (var i =0; i>=50; i++) {
			var pos=($("article").eq(i).position.top)+($("article").eq(i).height())-($("article").eq(i+4).position.top);
			$("article").eq(i+4).css({ margin-top:-pos});
		}

	});
</script>

article id mi class mı ?

id ise başına # , class ise . koyarak deneyin.

id hocam ben açıkcası masonry yapısında yapmak istiyorum ama orjinal görünümü bozmadan float left yapınca margin top olarak çok boşluk kalıyor aralarda column count lada yukardan aşağı sayıyor

Article ID ise başına # koysan da çalışmaz çünkü birden çok aynı id olmuş olacak kodunda gördüğüm kadarıyla.

Onun için id'leri article-1, article-2 gibi yazdır.

$( document ).ready(function() {
	for (var i =0; i>=50; i++) {
		var pos = ($("#article-" + i).position.top + $("#article-" + i).height()) - $("#article-" + (i + 4)).position.top;
		$("#article-" + (i + 4)).css({ margin-top: -pos});
	}
});