I'm using the following chunk of code to find images located in a specific span and then I'm setting the span width to equal the width of the image that's inside of it.  This is for adding captions to images through an editor that our writers use.  By forcing the span to equal the same width of the image, the writers can just enter whatever captions they want and don't have to worry about manually adding <br /> tags to format the captions correctly.

   

    
 $('.overview-content .caption img')

            // once the image has loaded, execute this code

                .load(function() {

                    // Loop through and find all images in the overview section
                    // that are inside of the caption class and set their width
                    // according to width of the image. jQuery rocks!!!            

                    $('.overview-content .caption').each(function() {

                        $(this).width($(this).find('img').width());

                    });

                });
















   

Is there something I am missing here?  Is there a better approach to achieve my desired result?  It all seemed quite simple from the start.  Any help will be much appreciated.

Thanks.

(I'm using 1.3.2)