Javascript MouseOver

Merhaba arkadaslar boyle bir html dosyam ve

<div id="d1" as="1">TEST</div>
<div id="d1" as="2">TEST2</div>
<div id="d2">asfasf</div>

boyle bir javascript bolumum var

<script>
$(document).ready(function() {
	
	$("#d1").mouseover(function() {
		$("#d2").load("veri.php?id=1);
	})
});
</script>

simdi burda yapmak istedigim divlerin icinde bulunan as kisimdaki id yi veri.php?id=1 olan kisma yazdirmak ancak ordaki o veriyi nasil alacagimi birturlu cozemedim yardimci olursaniz sevinirim tesekkurler

Merhaba ilk olarak hatalı bulduğum birkaç noktayı düzelteyim.
Aynı sayfa içerisinde aynı id'e sahip katmanların olması yanlıştır bu yüzden html'i şu şekilde düzenlemeniz yerindedir.

<div class="d1" as="1">TEST</div>
<div class="d1" as="2">TEST2</div>
<div class="d2">asfasf</div>

Yine katman attribute'lerini istediğiniz gibi verebilirsiniz ancak html5 ile verileri data- önekiyle saklamak daha kullanışlı ve mantıklıdır.

<div class="d1" data-as="1">TEST</div>
<div class="d1" data-as="2">TEST2</div>
<div class="d2">asfasf</div>

Data kullanmadığınızı varsayarsak;

<script>
$(document).ready(function() {
	$(".d1").mouseover(function() {
		$(".d2").load("veri.php?id="+$(this).attr('as'));
	})
});
</script>

Data kullanırsanız

<script>
$(document).ready(function() {
	$(".d1").mouseover(function() {
		$(".d2").load("veri.php?id="+$(this).data('as'));
	})
});
</script>

hatami duzelttigin icin tesekkurler kardesim ben halletmistim ama yinede cok tesekkurler zaman ayirip baktigin icin