Understanding jquery Chaining

Understanding jquery Chaining

My question concerns the chaining of commands / events in jQuery.

In short, I'm trying to grab the 'title' attribute from an image, and display that as the caption for the image.  I'm doing this by using jquery's .attr('title') and .appendTo() events.  The following code is what is accomplishing this functionality:

  1. $(document).ready(function(){
  2. var title
  3. title = $('img.myClass').attr('title');
  4. $('div.append-here').append(title);
  5. });


BUT ... for the sake of learning and "Write Less ... Do More" - could someone tell me why the following doesn't work:

  1. $(document).ready(function(){
  2.      $('img.myClass').attr('title').appendTo('div.append-here');
  3. });

I'm not sure why that won't work.  In the same way - this doesn't work:

  1. $(document).ready(function(){
  2.      $('div.append-here').append($('img.myClass).attr('title'));
  3. });