title: jQuery get nested <a> element attribute inside div element
body: <p>The object on the page</p>
  
  <pre><code>&lt;DIV style="TEXT-INDENT: 0px; VISIBILITY: inherit" id=button46 jQuery16107163179349561973="2"&gt;
      &lt;A title=Exit href="javascript:void(null)" name=button46anc&gt;
          &lt;IMG style="CURSOR: pointer" border=0 name=button46Img alt=Exit src="images/btn-exitoff.gif" width=66 height=39&gt;
      &lt;/A&gt;
  &lt;/DIV&gt;
  </code></pre>
  
  <p>I need to get the value of the title attribute from the div.</p>
  
  <p>Put a few hours into this with no luck (all return undefined)</p>
  
  <pre><code>$('div [id^="button"]').bind('click mouseover mouseout submit',function(event){
      testThis = $(this.children('a'));alert($(testThis).attr('title'));
      testThis2 = $(this.find('a'));alert($(testThis2).attr('title'));
  });
  </code></pre>
  
  <p>Thanks in advance for saving th rest of my hair.</p>