Buongiorno a tutti.....

sicuramente mi stoperdendo in un bicchiere d'acqua, ma nn riesco a trovare la soluzione

ho questo codice

codice HTML:
<script>
jQuery(document).ready(function($){
$('.sx li a img').click(function (event) {
 event.preventDefault();
 $('.dx').html('').append($('<img></img>').fadeIn( "slow" ).attr('src',$(this).parent('a').attr('href')));
});
});
</script>

</head>

<body>
<div class="cont">
  <div class="sx">
    <ul>
      <li><a href="img/decoltestoffa.jpg"><img src="thumb/decoltestoffa.png" alt="image" /></a></li>
      <li><a href="img/sandalodonna.jpg"><img src="thumb/sandalodonna.png" alt="image" /></a></li>
    </ul>
  </div>
  <div class="dx"></div>
</div>
che funziona benissimo, ma io vorrei che l'immagine si aprisse quando clicco un testo, cioè

codice HTML:
<script>
jQuery(document).ready(function($){
$('.sx li a').click(function (event) {
 event.preventDefault();
 $('.dx').html('').append($('<img></img>').fadeIn( "slow" ).attr('src',$(this).parent('a').attr('href')));
});
});
</script>

</head>

<body>
<div class="cont">
  <div class="sx">
    <ul>
       <li><a href="img/decoltestoffa.jpg">link 1</a></li>
      <li><a href="img/sandalodonna.jpg">link 2</a></li>
    </ul>
  </div>
  <div class="dx"></div>
</div>
ma così nn funziona
ho cercato ma senza soluzione........

dove sbaglio?!!??!

grazie