Merhaba arkadaşlar şöyle bir sorunum var:



resimde gördüğünüz gibi, altta sağ ve sol adında iki butonum var. Bu butona tıkladığımda yukarıdaki kutucklara sırasıyla L veya R harflerini yazdırmak istiyorum.

Mesela Kullanıcı Left butonuna bastığında ilk kutucuğa L yazılsın, ama Right butonuna basıldığında R yazılsın..

<script type="text/javascript">
$(document).ready(function() {
$("#sollink").click(function() {
$("#solimage").attr({src : "/right.png"});
});
$("#saglink").click(function() {
$("#sagimage").attr({src : "/left.png"});
});
});
</script>
<td>
     <img id="solimage" src="/sright.png" />
     <img id="sagimage" src="/sleft.png" />
</td>
<td>
     <img id="solimage" src="/sright.png" />
     <img id="sagimage"  src="/sleft.png" />
</td>
<td>
       <img id="solimage" src="/sright.png" />
       <img id="sagimage" src="/sleft.png" />
</td>
<td>
	<img id="solimage" src="/sright.png" />
	<img id="sagimage" src="/sleft.png" />
</td>
<td>
	<img id="solimage" src="/sright.png" />
	<img id="sagimage" src="/sleft.png" />
</td>

böyle yaptım ama tabiki doğal olarak sadece ilk 2 kutucuk değişiyor..

Bunların yukarıda belirttiğim gibi çalışmasını nasıl sağlarım acaba?