Jquery : Selecteurs

Bonjour,

J'ai un peu de mal à trouver le sélecteur approprié à ce que je veux faire...

Voici mon code :

<ul>
	<li>
		<div class="wrappercontlinav">
			<a href="index.php" id="linknav">
				<img src="res/backgrounds/bg_btnav1.jpg" alt="Accueil" class="li_nav_img">
				<h1>Accueil</h1>
			</a>
		</div>
	</li>
	<li>
		<div class="wrappercontlinav">
			<a href="index.php" id="linknav">
				<img src="res/backgrounds/bg_btnav1.jpg" alt="Accueil" class="li_nav">
				<h1>Accueil</h1>
			</a>
		</div>
	</li>
</ul>
<script type="text/javascript">
	$(document).ready(function(){
		$('#linknav').hover(
			function(){
				$("#linknav > .li_nav").attr('src', "res/backgrounds/bg_btnav2.jpg");
			},
			function(){
				$("#linknav > .li_nav").attr('src', "res/backgrounds/bg_btnav1.jpg");
			}
		);
	});
</script>

Ce que je veux faire est tout simple : Lorsque je passe sur un #linknav, je voudrais changer la source de son enfant img.
Seulement je n'arrive pas à créer le sélecteur,
Pouvez vous m'aider ?
Merci