jQuery selector problem

Question

Here is my html source code:

<ul id="accordion">
 <li><h3><a id="1"></a></h3></li>
 <li><h3><a id="2"></a></h3></li>
 <li><h3><a id="3"></a></h3></li>
</ul>

and javascript

<script type="text/javascript">
 $(document).ready(function(){
  $('#accordion li h3').click(function(){
   //I want to alert the id attribute of a, but i don't know why
   //I tried $(this+'a') or $('#accordion li h3:selected a') but it failed.
  });
 });
</script>

Answer 1

try

alert($(this).children('a').attr('id'))